Пришло время освежить в памяти несколько методов работы с массивами, чтобы ускорить кодирование!
Метод массива: метод, выполняющий операцию с массивом 😂
Зачем использовать метод массива? Меньше логики. Это не только быстро, но и позволяет нам писать простой код с меньшим количеством ошибок за меньшее время. Ниже приведены определения и примеры в ES6. Это * намного * проще, чем старая школа "циклов for" (большой сюрприз).
Давайте начнем. Это массив, который мы будем использовать для .map, .filter и .find.
.map 🗺
Этот метод выполняет итерацию по массиву и возвращает преобразованную версию нового массива. Он принимает функцию обратного вызова и возвращает свойство подмножества массива.
Другими словами: он перебирает каждый элемент в массиве и позволяет вам преобразовать / преобразовать его.
.filter 👯
Он выполняет итерацию по массиву и возвращает отфильтрованный массив. Этот метод принимает функцию обратного вызова и возвращает отфильтрованный массив, в котором функция возвращает true.
Другими словами: он перебирает каждый элемент в массиве и возвращает только те элементы, которые соответствуют фильтру. Он возвращает только то, что вы соответствуете. БУ (худой)!
Но они такие похожие !! В чем разница?
.map используется для преобразования каждого элемента массива, а .filter используется для выбора определенных элементов массива.
.find 🕵🏻
Этот метод выполняет итерацию по массиву и находит первый совпадающий элемент. Он возвращает один элемент. Он принимает функцию обратного вызова и возвращает одну вещь и прекращает выполнение цикла.
Другими словами: он находит и возвращает единственную точную вещь, которую вы ищете в массиве.
.reduce ✂️
Перебирает массив значений и сокращает его до одного значения. Reduce принимает аргумент, который является функцией с двумя значениями. Функция вызывается повторно по массиву. (Это сложно, я всегда вижу новые или разные определения).
Заключение 🔚
Эти методы массива экономят много времени при построении вашего кода! Есть также много других методов, которые вы можете найти здесь, например .slice, .join или .push.
Удачного кодирования!