Дмитрий

Несколько вариантов

1) Находим индекс через метод indexOf и получаем значение по индекс + 1 или индекс - 1

const nextAfter = (arr, value) => {
  const ind = arr.indexOf(value) 
  if (ind < 0) return 
  return arr[ind + 1] // для предыдущего -1
}

2) Через функцию find

arr.find((v, ind, arr) => arr[ind - 1] === value) 
// для предыдущего +1, не путать с первым примером

Map это объект, объект не может ничего возвращать, возвращать могут его методы. Другое дело что в отличие от объекта, создаваемого как {}, объект Map итерируемый. Итерация по нему происходит по парам ключ-значение.

Собираете все в объект, попутно складывая цены, а потом из него получаете массив ключей и массив значений

const obj = name.reduce((agg, v, ind) => {
  agg[v] = (agg[v] || 0) + price[ind]
  return agg
}, {})

const nameNew = Object.keys(obj)
const priceNew = Object.values(obj)

или слабочитаемый, но зато однострочный вариант с lodash

const [nameNew, priceNew] = 
  _.unzip(
    _.toPairs(
      _.groupBy(
        _.zip(name, price).map(([name, price]) => ({ name, price })), 
        'name'
      )
    ).map(([name, prices]) => [name, _.sumBy(prices, 'price')])
  )

1. Собирать года в массив вам не нужно, достаточно пары переменных, чтобы хранить максимальный год и минимальный(maxYear и minYear), и переменной, например currentYear, которая будет хранить первый год для показа.

2. Создайте функцию, которая заполнит ваши ссылки с годами начиная с currentYear, заканчивая currentYear + 2

3. К ссылкам пагинации приделайте событие onclick, по которому вызывайте функцию, передавая ей параметр шага (-1 для лево, +1 для вправо, ну или большие шаги), эта функция поменяет значение currentYear и вызовет функцию заполнения.

Мне конечно же проще было бы написать код, но для вас будет лучше если вы решите хотя бы техническую часть задачи самостоятельно

Внутри компонента читаете пропсы и делаете редирект например через window. location

Метод Element.closest() возвращает ближайший родительский элемент (или сам элемент), который соответствует заданному CSS-селектору или null, если таковых элементов вообще нет.

https://developer.mozilla.org/ru/docs/Web/API/Elem...

В вашем варианте можно использовать

const farest (element, selector, secondCall) {
  const parent = element.closest(selector)
  return parent ? farest(parent, selector, true) : secondCall && element
}

const arrowFuncSquare = (param) => param * param 
// Не нужен return, стрелочная однострочная функция без фигурных скобок

const arrowFuncSquare2 = (param) => {  
  if (param) return param * 2 
  else return param
} // Нужен return, потому что фигурные скобки

const addTime = param => {
  param.createdAt = moment()
  param.updatedAt = moment()
} // Не нужен return, потому что функция не возвращает значения

const addTime = param => {
  if (param.timeless) return

  param.createdAt = moment()
  param.updatedAt = moment()
} // Нужен return чтобы при определенном условии прерывать выполнение кода функции

Самый короткий код:
arr.reduce((a, v) => a + v.bet * !(v.num - 1), 0)

Потому что функция async, если вы вызываете ее напрямую, без await, конечно она возвратит промис.

Массив в десять элементов нумеруется с нуля до девяти, поэтому длина минус один.
Правильно писатьfor (let i = 0; i < arr.length; i ++)

addEventListener("keydown", function(eventGo) {
  if (eventGo.keyCode !== 13) return
  if (init===0) {
    // Код запуска
    init=1;
  } else {
    // Код остановки
    init = 0;
  }
}

Минимум телодвижений, только нужные элементы без перебора всего массива

const getEvery = (arr, gap) => Array.from(
   { length: Math.floor(arr.length / gap)},
   (_, i) => arr[i * gap + gap - 1] )

const arr = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];

console.log(getEvery(arr, 3))

Поиск всех значений в кавычках

const str = `
RAM_smith_T1:0 "Anführer von Amerika"
RAM_smith_T2:0 "Popular"
RAM_smith_T3:0 "Suppressor of the Resistance"
RAM_smith_T4:0 "Folower of the Reich's Orders"
RAM_smith_T5:0 "Tied by German Oligarchy"
umc_leader_john_smith_ram_desc:0 ""`

const regExp =  (/:0 "([^"]+)"/ig)
let found
while (found = regExp.exec(str)) {
   console.log(found[1])   
}

Как вариант:

1. Добавьте div-у событие onMouseMove, в нем запоминайте координаты мышки

onMouseMove={e => { this.mouse = { clientX: e.clientX, clientY: e.clientY }} }

2. В процедуре close Проверяйте координаты и вызывайте disable в случае выхода за них

const rect = document.querySelector('.Message').getBoundingClientRect()
if (this.mouse.clientX < rect.left || 
  this.mouse.clientX > rect.right || 
  this.mouse.clientY < rect.top ||
  this.mouse.clientY > rect.bottom) {
  this.disable()
}

Строка
document.querySelector('.Message')

просто для примера, искать по хорошему надо через ref

https://codepen.io/dimoff66/pen/zYxBQvo?editors=0010

Потому что эта строчка не имеет ни малейшего смысла
arr[i] % 0 +`${s}`+ 0
Во первых вы пытаетесь получить остаток от деления на нуль вместо двойки, во вторых вы составляете строку, а строка это всегда true, Поэтому все возвращается.
Я понимаю что вы хотите сделать, но это код, вы не можете составлять код на лету, правильный подход

function getSameParity(arr){
  const newArr = [];
  let s = arr[0] % 2;

  for(let i = 0; i < arr.length; i += 1){
    if(arr[i] % 2 === s){
       newArr.push(arr[i]);
    }
  }
  return newArr;
}

console.log(getSameParity([3, 6, 7, 8])) // [3, 7]
console.log(getSameParity([4, 6, 7, 8])) // [4, 6, 8]

либо короче

const getSameParity = arr => arr.filter(v => v % 2 === arr[0] % 2)