Почему аргумент arr равен undefined?

Question

[Vyacheslav_Frein]

Насколько я понимаю при первом вызове reduce, значением параметра arr должен быть второй параметр reduce. Но почему то он равен undefind.

function camelize(str) {
    array = str.split('-');
    console.log(array);
    let filteredArray = array.reduce((arr, item) => {
        console.log(arr);
        if(item == ''){
            return;
        }

    }, []);
}

camelize('-webkit-transition')

Comments

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

Ну так его возвращать надо из функции-обработчика

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

Отдельно неясно зачем реализовывать filter через reduce.

Хотя судя по названию это должно быть не фильтрация, а что-то другое

[Сергей delphinpro]

callback в reduce должен возвращать значение для следующей итерации.

Answer 1

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

При первом вызове всё в порядке, на вход пустой массив.
Но надо же вернуть что-то для следующей итерации.
Сейчас при втором вызове на входе arr === undefined

spoiler

В задаче reduce, наверное, не нужен вовсе.
Я бы разбил по дефису на слова в массив: 'aBc-dEf-GH' => ['aBc', 'dEf', 'GH']
Метод массива map() пробежит по каждому элементу, возвращая новый.
Каждое слово составить заново: первую букву сделать большой, остальные маленькими: 'dEf' => 'Def'
Исключение для самого первого — там все маленькие должны быть: 'aBc' => 'abc'

function camelize(str) {
  return str.split('-')
    .map((word, i) => i ? word.substr(0, 1).toUpperCase() + word.substr(1).toLowerCase() : word.toLowerCase())
    .join('');
}

Comments

[asmodeus13th]

Такая проверка превратит любое falsy значение в false. Надо сравнивать с пустой строкой.

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

asmodeus13th, не понял, про какую проверку пишете?

[asmodeus13th]

Сергей Соколов, Конечно всё зависит от контекста задачи, но я понял, что эта проверка должна работать так, как я описал. if(item == '')

Answer 2

[asmodeus13th]

Тебе нужно обязательно возвращать массив, иначе будет автоматически возвращаться undefined.
Рекомендую посмотреть этот видос.

let filteredArray = array.reduce((arr, item) => {
  console.log(arr);
  if(item == ''){
    return;
  }
  return arr  // надо добавить эту строку
}, []);

Comments

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

пустой return; в случае пустой строки не смущает?

[asmodeus13th]

Сергей Соколов, тогда какой смысл в этой проверке? Если в обоих случаях возвращать массив, то эта проверка ничего не делает, кроме замедления кода.

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

asmodeus13th, там беда с алгоритмом: его нет.