Используйте эти методы, чтобы улучшить свою игру на JavaScript 😎
Вероятно, вы будете использовать массивы в каждом приложении, которое когда-либо создавали. У него есть несколько методов, некоторые из которых очень запутаны. Я составил список из 15 методов работы с массивами, которые вам следует освоить, так как они часто пригодятся.
Важной особенностью методов массива является то, что некоторые из них являются изменяемыми, а некоторые — неизменяемыми. Важно помнить об этом, когда решаете, какой метод использовать для решения конкретной проблемы.
Большинство методов массива в этом списке принимают аналогичный обратный вызов в качестве аргумента. Первый аргумент — текущий элемент, второй аргумент — индекс, а третий — весь массив. Теперь мы разобрались с этим, давайте начнем со списка:
1. Для каждого
Перебирает каждый элемент массива и выполняет функцию обратного вызова.
2. Карта
Перебирает каждый элемент массива и выполняет функцию обратного вызова. Создает новый массив с возвращаемыми значениями функции обратного вызова.
3. Фильтр
Перебирает каждый элемент в массиве и выбирает только те элементы, которые соответствуют условию. Возвращается новый массив на основе выбранных элементов.
4. Найдите
Находит первый элемент в массиве, удовлетворяющий условию. Если ничего не найдено, будет возвращено undefined
.
5. Индекс поиска
Подобно предыдущему методу, он возвращает индекс первого элемента, удовлетворяющего заданному условию. Если ничего не найдено, возвращается -1
.
6. Уменьшить
Это расширенный метод, который можно использовать для объединения элементов массива. Основное отличие состоит в том, что обратный вызов принимает аккумулятор в качестве первого аргумента. Возвращаемое значение обратного вызова становится аккумулятором в следующей итерации.
7. Каждый
Этот метод принимает обратный вызов, который возвращает логическое значение. Every() вернет true, если условие верно для ВСЕХ элементов в массиве.
8. Некоторые
Как и предыдущий метод, этот также принимает обратный вызов, который возвращает логическое значение. Some() вернет true, если условие действительно хотя бы для одного элемента.
9. Сортировать
Это метод, используемый для сортировки элементов в массиве. По умолчанию он сортирует массив в порядке возрастания. Он принимает функцию обратного вызова с двумя элементами — a
и b
. Если a
меньше b
, вернуть -1
, иначе вернуть 1
. Если они равны, вернуть 0
.
Имейте в виду, что в отличие от других методов массива,
sort
изменяет массив.
10. Квартира
Flat используется для выравнивания вложенного массива в один массив. Вы можете указать глубину, до которой массив будет сплющен.
11. Реверс
Изменяет порядок элементов в массиве на обратный.
12. Включить
Этот метод возвращает true
, если элемент присутствует в массиве.
13. Заполнить
Метод fill устанавливает для элементов массива заданное значение. Мне нравится использовать этот метод, когда я хочу использовать метод map/forEach определенное количество раз.
14. At
Этот метод возвращает элемент заданного индекса. Разница между этим и традиционным способом доступа (т.е. arr[1]
) к элементу заключается в том, что он также поддерживает отрицательные индексы.
15. Конкат
Этот метод используется для объединения двух массивов.
Вот и конец поста! Если вам понравилось, ставьте аплодисменты (или два) и подписывайтесь на меня, чтобы больше не пропускать посты. Подпишитесь на меня в Твиттере, чтобы получать ежедневные материалы о веб-разработке, фрилансе и web3. А сейчас до свидания!