Пришло время освежить в памяти несколько методов работы с массивами, чтобы ускорить кодирование!

Метод массива: метод, выполняющий операцию с массивом 😂

Зачем использовать метод массива? Меньше логики. Это не только быстро, но и позволяет нам писать простой код с меньшим количеством ошибок за меньшее время. Ниже приведены определения и примеры в ES6. Это * намного * проще, чем старая школа "циклов for" (большой сюрприз).

Давайте начнем. Это массив, который мы будем использовать для .map, .filter и .find.

.map 🗺

Этот метод выполняет итерацию по массиву и возвращает преобразованную версию нового массива. Он принимает функцию обратного вызова и возвращает свойство подмножества массива.

Другими словами: он перебирает каждый элемент в массиве и позволяет вам преобразовать / преобразовать его.

.filter 👯

Он выполняет итерацию по массиву и возвращает отфильтрованный массив. Этот метод принимает функцию обратного вызова и возвращает отфильтрованный массив, в котором функция возвращает true.

Другими словами: он перебирает каждый элемент в массиве и возвращает только те элементы, которые соответствуют фильтру. Он возвращает только то, что вы соответствуете. БУ (худой)!

Но они такие похожие !! В чем разница?

.map используется для преобразования каждого элемента массива, а .filter используется для выбора определенных элементов массива.

.find 🕵🏻‍

Этот метод выполняет итерацию по массиву и находит первый совпадающий элемент. Он возвращает один элемент. Он принимает функцию обратного вызова и возвращает одну вещь и прекращает выполнение цикла.

Другими словами: он находит и возвращает единственную точную вещь, которую вы ищете в массиве.

.reduce ✂️

Перебирает массив значений и сокращает его до одного значения. Reduce принимает аргумент, который является функцией с двумя значениями. Функция вызывается повторно по массиву. (Это сложно, я всегда вижу новые или разные определения).

Заключение 🔚

Эти методы массива экономят много времени при построении вашего кода! Есть также много других методов, которые вы можете найти здесь, например .slice, .join или .push.

Удачного кодирования!