Новый день, новая ежедневная статья! Вчера мы говорили о некоторых пользовательских хуках React, но сегодня пришло время поговорить о массивах.
Да, я знаю, это может показаться скучным, но поверьте мне, это не так. Сегодня я покажу вам 6 методов ES6, которые мы можем найти в массивах, вы, возможно, не знаете, но которые действительно полезны.
Очевидно, вы можете сделать то же самое и без этих методов, но… эй, это упрощает вашу жизнь (и это круто), так что почему бы не попробовать их?
Что ж, пора начинать!
🔍 Карта
Это классика. Вы, наверное, использовали этот, но… я должен был рассказать об этом на всякий случай.
Функция .map() создает новый массив, манипулируя каждым элементом исходного массива и возвращая новый массив с результатами.
Это полезно для преобразования массивов в более простой способ работы или визуализации.
Как всегда, вот пример:
Кстати, поскольку map строит новый массив, вызов его без использования возвращаемого массива является антишаблоном; вместо этого используйте forEach или for...of.
💡 Фильтр
Это действительно круто. Вместо «преобразования» элементов, как в функции карты, здесь мы фильтруем массив (как следует из его названия). По сути, он создает новый массив со всеми элементами, прошедшими проверку, реализованную функцией провайдера. Так что да, он отфильтровывает все элементы в исходном массиве, которые не соответствуют определенному условию.
Теперь один пример:
В этом примере мы отфильтровываем числа, которых нет даже в массиве.
🔢 Уменьшить
Теперь тот, который мне очень нравится. Функция .reduce(). Яне уменьшаю массив до одного значения, перебирая массив и применяя предоставленную функцию к каждому элементу. Эта функция часто используется для суммирования всех элементов массива или для нахождения максимального или минимального значения.
В этом я просто получаю сумму всех чисел в массиве. Это просто.
💬 Найти
Этот тоже очень часто используется. Функция .find() возвращает первый элемент массива, удовлетворяющий заданной функции тестирования.
Это здорово для поиска определенного элемента в массиве.
В этом мы находим первое четное число в массиве.
🔃 Все и некоторые
.every() и .some() аналогичны .filter(), так как они проверяют элементы в массиве на соответствие предоставленной функции.
Итак, в чем разница? Ну, .every() возвращает true, если все элементы в массиве проходят этот тест. И, как и следовало ожидать, .some() возвращает true, если хотя бы один элемент проходит тест.
Давайте посмотрим на пример использования .every() для проверки, все ли элементы в массиве являются четными числами:
А теперь давайте проверим пример использования .some(), чтобы проверить, есть ли в массиве хотя бы одно нечетное число:
🔗 Больше знаний о каждом и некоторых
Итак, вот оно! Ну не совсем. Там есть более полезные функции, но я не хотел создавать длинный пост. В этой статье я хотел показать вам, что есть отличные функции, которые вы всегда можете найти в документации. Но есть и другие! Например, вы можете проверить плоскую функцию.
Но не беспокойтесь, скоро у меня появятся новые интересные статьи. Я публикую по одному каждый день, так что… не забудьте подписаться, если хотите получать эти маленькие пилюли JS каждый день!
🌎 Подключаемся!
- Мой Твиттер: @thenaubit
- Мой подстек (здесь я публикую более подробные статьи)
Дополнительные материалы на PlainEnglish.io. Подпишитесь на нашу бесплатную еженедельную рассылку новостей. Подпишитесь на нас в Twitter, LinkedIn, YouTube и Discord .
Заинтересованы в масштабировании запуска вашего программного обеспечения? Ознакомьтесь с разделом Схема.
