Используйте эти методы, чтобы улучшить свою игру на 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. А сейчас до свидания!