Сделайте ваш код чище, короче и понятнее
JavaScript наделен многими видами функций, когда дело доходит до использования цикла. Массив JavaScript имеет множество функций, которые обеспечивают гораздо более простой и эффективный способ выражения логики. Эти функции помогают нам писать более простой и понятный код.
Иногда эти функции намного эффективнее обычного цикла for. Некоторые функции придают значение некоторой логической операции, чтобы программистам было проще ее читать. Вот почему мы должны освоить основные функции, которые можно использовать в качестве альтернативы циклу for в JavaScript.
Итак, без лишних слов, давайте рассмотрим некоторые основные функции в JavaScript, которые можно использовать в качестве альтернативы циклу for.
1. найти
find() обычно используется для поиска элемента, соответствующего заданному выражению.
Сценарий. Предположим, нам нужно найти только одного пользователя, чей годовой доход больше или равен 50 000 долларов США. Мы можем использовать приведенные ниже коды, чтобы получить пользователя с такой квалификацией.
(❌ ПЛОХО)
(✅ Хорошо)
Видите различия? Определенно, последнее выглядит намного короче и понятнее.
2. фильтр
Функция filter() возвращает массив, соответствующий заданному выражению.
Сценарий. Предположим, на этот раз мы хотим получить всех пользователей с годовым доходом не менее 50 000 долларов США.
(❌ ПЛОХО)
(✅ Хорошо)
3. карта
map() обычно используется для получения другого массива на основе заданного списка и логики.
Сценарий: Предположим, мы хотим получить полное имя пользователя по заданным имени и фамилии. Также мы хотим получить возраст по дню рождения пользователя. Оба следующих блока кода могут решить нашу проблему. Однако последний гораздо более понятен и эффективен.
(❌ ПЛОХО)
(✅ Хорошо)
4. уменьшить
Функция reduce() используется для вычисления некоторого значения на основе массива, т. е. общего дохода всех сотрудников, суммы некоторых свойств в списке и т. д.
Сценарий. Предположим, мы хотим рассчитать общий годовой доход наших пользователей. Мы можем использовать функцию reduce, чтобы легко суммировать годовой доход всех пользователей, что будет более понятно, чем использование обычного цикла for.
(❌ ПЛОХО)
(✅ Хорошо)
Последние мысли
Анализируя приведенные выше коды, мы можем определенно сказать, что эти альтернативы циклу for гораздо более читабельны, сфокусированы и понятны для человеческого глаза.
Однако цикл for не всегда так уж плох. Иногда в наших веб-инженерных проектах нам нужно обрабатывать сложные запросы, и мы должны использовать циклы for, даже если мы этого не хотим.
Но если мы знаем эти методы, мы определенно можем сэкономить время и силы, написав меньший, более чистый и более организованный код.
Дополнительные материалы на PlainEnglish.io. Подпишитесь на нашу бесплатную еженедельную рассылку новостей. Подпишитесь на нас в Twitter и LinkedIn. Присоединяйтесь к нашему сообществу Discord.
