По какому принципу работает reduce с массивом, как значением по умолчанию?

Question

[Dmitri1998]

array.reduce((a,b,i)=>(a[i%2]+=b,a), [0,0])
Зачем здесь нам += a, b, а не просто b, если мы по факту говорим а[...] += b
Т.е. уже сослались на наш массив, к чему его полностью через запятую передавать?

Comments

[Slava Rozhnev]

Что должен делать этот код? Приведите исходные данные

[Dmitri1998]

Slava Rozhnev, складывать четные и нечетные элементы массива

Answer 1

[Stalker_RED]

function test() {
  const a = [1];
  return a[0] += 3; // что вы вернет?
}

По вашей логике массив a?
На самом деле вернется результат операции сложения, то есть 4.
А если добавить оператор запятую, то вернет то, что после запятой, что и требуется для reduce.

Распишем подробно что происходит внутри reduce c запятой и без.

// с запятой
array.reduce((a,b,i)=>function(){
  const sum = a[i%2] + b; // вычисление
  a[i%2] = sum; // присваивание
  return a; // возврат массива
}, [0,0]);

// без запятой
array.reduce((a,b,i)=>function(){
  const sum = a[i%2] + b; // вычисление
  a[i%2] = sum; // присваивание
  return sum; // возврат результат суммирования
   // и на следующей итерации будет ошибка из-за попытки обратиться к числу как к массиву.
}, [0,0]);

Comments

[Dmitri1998]

Т.е. везде return, если указать два значения через запятую, то оно проигнорирует первое и вернет второе?

[Stalker_RED]

Dmitri1998, не проигнорирует, а выполнит все что там есть, но вернет только последний результат.

И это не фишка return-а собственно оператора запятая.

function hello() { console.log('привет'); return 'приветствие произнесено'; }
function giveBeer() { console.log('hold my beer'); return 'реки свободны'; }
function punchInAFace() { console.log('БДЫЩЬ!'); return 'он еще и пиво разлил!'; }


const result = hello(), giveBeer(), punchInAFace();
  // в консоли будут все три действия, 
  // но в result вернет только фразу "он еще и пиво разлил!"

Answer 2

[Сергей Соколов]

То же самое, распакованное:

array.reduce(
  (acc, current, i) => {
    acc[i % 2] += current; // к чётному/нечетному прибавить
    return acc; // вернуть массив
  },
  [0, 0]  // начальное значение
)

Перечисление через запятую всё выполнит, вернёт результат последнего:

let a, b;
console.log(
  ( a = 2 + 2, b = ["QnA", "Habr", "com"].join("."), "Отметить решением" )
); 
// "Отметить решением"

Comments

[Dmitri1998]

Почему такая запись работает

acc[index % 2] += val
return acc;

А такая, нет
return acc[index % 2] += val;
Но при этом эта тоже работает
return acc[index % 2] += val, acc;

Где можно почитать про этот нюанс с return, где после запятой идут ещё значения?

[Сергей Соколов]

Dmitri1998, вот тут: Оператор запятая

[Сергей Соколов]

acc[index % 2] += val это выражение, оно не только изменяет элемент массива, но и возвращает новое значение изменённого элемента массива.

let a = 0;
console.log( a += 5 ); //  5
console.log( a += 5 ); //  10