Что делает данная функция?

Question

[aLeXxX_03]

Функция:

function foo<T>(arr: T[], callback: (el: T, i: number, arr: T[]) => T)
{
  return arr.reduce((acc: T[], value, index) => {
    const result = callback(value, index, arr)
    acc.push(result)
    return acc
  }, []);
}

Что она делает и что вернет?

Не знаю TS, потому немного затупил.

Comments

[0xD34F]

Не знаю TS, потому немного затупил

Знать TS не надо, чтобы понимать, что функция делает. Вы JS не знаете. Реально не знаете - пять строк кода прочитать не способны.

[aLeXxX_03]

0xD34F, она проходится по массиву arr и т.к. этот массив пуст, то в результате функция возвращает пустой массив.

[aLeXxX_03]

0xD34F, так?

[aLeXxX_03]

0xD34F, вернее вот так: коллбэк функция возвращает результат её выполнения, затем происходит пуш этого результата в массив acc и далее происходит возвращение результата в виде return acc.
Проход осуществляется один раз, т.к. массив arr - пустой массив

[Сергей delphinpro]

aLeXxX_03,

Не знаю TS, потому немного затупил

Вот без TS. Так понятнее?

function foo(arr, callback)
{
  return arr.reduce((acc, value, index) => {
    const result = callback(value, index, arr);
    acc.push(result);
    return acc;
  }, []);
}

[aLeXxX_03]

Сергей delphinpro, ок, я правильный вывод сделал?
Об этом речь: "коллбэк функция возвращает результат её выполнения, затем происходит пуш этого результата в массив acc и далее происходит возвращение результата в виде return acc.
Проход осуществляется один раз, т.к. массив arr - пустой массив"

[Сергей delphinpro]

aLeXxX_03, последнее утверждение не верно.
1. если массив пуст, то прохода вообще не будет. Вернется начальный вариант (второй параметр функции reduce)
2. Предположение что массив пуст тоже безосновательно. Какой масив вы туда передатите, такой и будет использован:

foo([]) - передали пустой
foo([1,2,3]) - передали не пустой

acc – это от слова accumulator, то есть накопитель. reduce проходит по массиву и в каждую последующую итерацию передает результат предыдущей. acc - это как раз накопленный результат предыдущих итераций, либо стартовое значение на первой итерации. return acc - это передача накопленного значения в следующую итерацию.

Алексей Уколов рекомендовал изучить как работает функция reduce, z присоединяюсь к его рекомендации.

[aLeXxX_03]

Сергей delphinpro, так массив же T[] - пустой массив

[Сергей delphinpro]

aLeXxX_03, это указание типа

[Сергей delphinpro]

Вам если с TS нужно разораться, это одно. Если понять как работает функция - это другое. Для второго достаточно разобрать тот вариант, который я вам предоставил. Как видите там нет никаких пустых массивов.

[Lynn «Кофеман»]

Мне в этом коде непонятно только одно: зам надо было извращаться с reduce??!!! 111

Это ж банальный map, если не брать во внимание «дырявые» массивы

[Lynn «Кофеман»]

А вот так вообще то же самое.

function bar<T>(arr: T[], callback: (el: T, i: number, arr: T[]) => T) {
  return arr.map(callback).filter(() => true);
}

Answer 1

[Алексей Уколов]

Всё, что нужно для понимания: https://developer.mozilla.org/en-US/docs/Web/JavaS...

TS тут можно просто игнорировать, он никак не влияет на функционал. Но если хочется разобраться, то вот: https://www.typescriptlang.org/docs/handbook/2/gen...

Comments

[aLeXxX_03]

правильно понимаю: коллбэк функция возвращает результат её выполнения, затем происходит пуш этого результата в массив acc и далее происходит возвращение этого результата в виде return acc.
Проход осуществляется один раз, т.к. массив arr - пустой массив

[Алексей Уколов]

Всё до последнего предложения верно. В документации есть не только подробное описание функции, но и примеры, перечитайте её ещё раз.
P. S. А если массив пуст, то и проход по нему произойдёт ноль раз, а не один.