Шпаргалка по методам массивов JS

Шпаргалка по методам массивов JS

Наши соц. сети: instagram, fb, tg

В JavaScript массив - это тип данных, который используют для хранения различных коллекций элементов. У него множество встроенных свойств и методов, которые мы можем использовать для добавления, удаления, итерации или управления данным. Знание методов массивов может улучшить ваши навыки разработчика.

В этой статье мы собрали 15 методов массивов, которые помогут вам лучше манипулировать данными!

1. some()

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


const myArray = ["a", "b", "c", "d", "e"];

myArray.some(test => test === "d");

// true


2. reduce()

Вызывает функцию один раз для каждого элемента массива в порядке возрастания индекса (слева-направо). Возвращаемое значение функции предоставляется как аргумент при следующем вызове функции, в результате чего возвращаемое значение последнего вызова становится возвращаемым значением метода (значение вычисляется из элементов массива).

const myArray = [1, 2, 3, 4, 5];

myArray.reduce((total, value) => total * value);

// 1 * 2 * 3 * 4 * 5

// = 120


3. every()

Проверяет массив с помощью функции, переданной в качестве параметра. Он вернет true, если каждый элемент массива имеет соответствующее значение, и false если хотя бы один элемент не подходит.


const myArray = ["a", "b", "c", "d", "e"];

myArray.every(test => test === "d");

// false

const myArray2 = ["a", "a", "a", "a", "a"];

myArray2.every(test => test === "a");

// true


4. map()

Cоздаёт новый массив с результатом вызова указанной функции для каждого элемента массива. Количество элементов на входе всегда ровно количеству элементов на выходе.


const myArray = [5, 4, 3, 2, 1];

myArray.map(x => x * x);

// 25

// 16

// 9

// 4

// 1


5. flat()

Создает новый массив, содержащий элементы подмассива, и объединяет его в новый массив. Обратите внимание, что этот метод работает только на одном уровне глубины.


const myArray = [[1, 2], [3, 4], 5] ;

myArray.flat();

// [1, 2, 3, 4, 5]


6. filter()

Принимает функцию в качестве параметра и возвращает новый массив, содержащий только те элементы массива, для которых эта функция, возвращает true.


const myArray = [

{ id: 1, name: "Иван" },

{ id: 2, name: "Вася" },

{ id: 3, name: "Петя" },

{ id: 4, name: "Петя" },

]

myArray.filter(element => element.name === "Петя")

// 0: {id: 3, name: "Петя"},

// 1: {id: 4, name: "Петя"}

7. forEach()

Применяет функцию к каждому элементу массива.

const myArray = [

{ id: 1, name: "Вася" },

{ id: 2, name: "Саша" },

{ id: 3, name: "Иван" },

]

myArray.forEach(element => console.log(element.name))

// Вася

// Саша

// Иван


8. findIndex()

Принимает функцию в качестве параметра и возвращает индекс найденного элемента, который удовлетворяет условию переданной функции, или -1, если ему не удовлетворяет ни один элемент.


const myArray = [

{ id: 1, name: "Иван" },

{ id: 2, name: "Петя" },

{ id: 3, name: "Саша" },

];

myArray.findIndex(element => element.id === 3);

// 2


9. find()

Принимает функцию в качестве аргумента и применяет ее к массиву. Этот метод возвращает значение элемента, найденного в массиве и удовлетворяющего переданной функции. В противном случае возвращается undefined.


const myArray = [

{ id: 1, name: "Иван" },

{ id: 2, name: "Петя" },

{ id: 3, name: "Саша" },

];

myArray.find(element => element.id === 3);

// {id: 3, name: "Саша"}


10. sort()

Принимает функцию в качестве параметра, сортирует элементы массива и возвращает его.


const myArray = [5, 4, 3, 2, 1];


myArray.sort((a, b) => a - b);

// [1, 2, 3, 4, 5]


11. concat()

Этот метод объединяет два (или более) массива.


const myArray = [1, 2, 3, 4, 5];

const myArray2 = [10, 20, 30, 40, 50];

myArray.concat(myArray2);

// [1, 2, 3, 4, 5, 10, 20, 30, 40, 50]


12. fill()

Заполняет все элементы массива одним и тем же значением, от начального индекса (по умолчанию 0) до конечного индекса (по умолчанию array.length).


const myArray = [1, 2, 3, 4, 5];

myArray.fill(0, 1, 3);

// [1, 0, 0, 4, 5]


13. includes()

Этот метод вернет true, если массив содержит определенный элемент, и false, если нет.


const myAwesomeArray = [1, 2, 3, 4, 5];

myArray.includes(3);

// true


14. reverse()

Этот метод переворачивает массив. Первый элемент становится последним, а последний элемент - первым.


const myArray = ["e", "d", "c", "b", "a"];

myArray.reverse();

// ['a', 'b', 'c', 'd', 'e']


15. flatMap()

Применяет функцию к каждому элементу массива, а затем сглаживает результат в массив. Он объединяет в одной функции flat() и map().


const myArray = [[1], [2], [3], [4], [5]];

myArray.flatMap(arr => arr * 10);

// [10, 20, 30, 40, 50]


Приятного кодинга!