Стандарты ECMAScript v5.1 появились в 2011 году, и эти вспомогательные методы были разработаны как часть этого. Наконец, эти вспомогательные методы были кодифицированы в ECMAScript 6 (ES6). Эти вспомогательные методы существуют некоторое время и используются как часть других модулей, например lodash.
Давайте начнем с одного за другим и попробуем увидеть использование каждого из них. Чтобы проиллюстрировать разницу, примеры написаны с использованием «цикла For», а затем с использованием вспомогательных методов с анонимными функциями и вспомогательных методов с функцией жирной стрелки.
forEach
Он выполняет указанное действие для каждого элемента в массиве. Он принимает функцию итерации, которая выполняет итерацию по каждому элементу в массиве. Давайте возьмем массив и напишем, используя базовый цикл for, и перепишем его, используя анонимную и стрелочную функцию. Ознакомьтесь с приведенным ниже кодом.
Вывод
карта
Это наиболее широко используемый вспомогательный метод. Он будет перебирать каждый элемент массива, обрабатывать и возвращать новый набор массива.
Вывод
фильтр
Возвращает элементы массива, которые соответствуют условию, указанному в функции обратного вызова. В приведенном ниже примере мы отфильтровываем данные, которые соответствуют условию, то есть имени направления здесь.
Вывод
найти
Возвращает значение первого элемента в массиве, где предикат истинен и не определен.
Вывод
немного
Выполняет указанное действие для каждого элемента в массиве. Он выполняет итерацию по элементам массива, проверяет, удовлетворяет ли «какой-либо элемент» указанному условию, и возвращает логическое значение.
Вывод
каждый
Он похож на вспомогательный метод some, но проверяет выполнение условия каждым элементом массива.
Вывод
уменьшать
Это наиболее гибкий помощник, и другие методы помощников могут быть реализованы с помощью помощника «reduce».
Вызывает указанную функцию обратного вызова для всех элементов массива. Возвращаемое значение функции обратного вызова является накопленным результатом и предоставляется в качестве аргумента при следующем вызове функции обратного вызова.
В «reduce» нам нужно передать начальные значения для функций.
Ниже приведен простой пример, когда мы проводим суммирование, и в качестве начального значения передается «0».
Сумма результата 60 здесь.
Теперь давайте рассмотрим реальный практический пример, в котором мы хотим получить все идентификаторы электронной почты из массива «users».
Вывод
С помощью этих помощников теперь мы можем лучше писать «Чистый код», и вероятность появления ошибки также будет меньше.
Попробуйте вспомогательный метод и поделитесь с другими. Ваше здоровье !