Методы массивов

17-03-24 08:09:41


Image for the Методы массивов

push() и pop()

Метод push() добавляет один или несколько элементов в конец массива, в то время как метод pop() удаляет последний элемент из массива и возвращает его.

let fruits = ["яблоко", "банан"];
fruits.push("апельсин"); // fruits теперь ["яблоко", "банан", "апельсин"]
let removedFruit = fruits.pop(); // fruits теперь ["яблоко", "банан"], removedFruit это "апельсин"

unshift() и shift()

Метод unshift() добавляет один или несколько элементов в начало массива, в то время как метод shift() удаляет первый элемент из массива и возвращает его.

let fruits = ["банан", "апельсин"];
fruits.unshift("яблоко"); // fruits теперь ["яблоко", "банан", "апельсин"]
let removedFruit = fruits.shift(); // fruits теперь ["банан", "апельсин"], removedFruit это "яблоко"

concat()

Метод concat() используется для объединения двух или более массивов. Он не изменяет существующие массивы, а возвращает новый массив, содержащий объединенные элементы.

let fruits = ["яблоко", "банан"];
let vegetables = ["морковь", "картофель"];
let food = fruits.concat(vegetables); // food это ["яблоко", "банан", "морковь", "картофель"]

slice()

Метод slice() возвращает поверхностную копию части массива в новом массиве, выбранную от начала до конца (конец не включен), где начало и конец представляют собой индекс элементов в этом массиве.

let fruits = ["яблоко", "банан", "апельсин", "киви"];
let citrus = fruits.slice(2); // citrus это ["апельсин", "киви"]
let notCitrus = fruits.slice(0, 2); // notCitrus это ["яблоко", "банан"]

splice()

Метод splice() изменяет содержимое массива, удаляя или заменяя существующие элементы и/или добавляя новые элементы на их место.

let fruits = ["яблоко", "банан", "апельсин"];
fruits.splice(1, 1, "виноград", "дыня"); // fruits теперь ["яблоко", "виноград", "дыня", "апельсин"]

forEach()

Метод forEach() выполняет предоставленную функцию один раз для каждого элемента массива.

let numbers = [1, 2, 3, 4, 5];
numbers.forEach(function(num) {
console.log(num);
});
// Вывод:
// 1
// 2
// 3
// 4
// 5

map()

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

let numbers = [1, 2, 3, 4, 5];
let doubled = numbers.map(function(num) {
return num * 2;
});
// doubled это [2, 4, 6, 8, 10]

filter()

Метод filter() создает новый массив со всеми элементами, прошедшими проверку, реализованную предоставленной функцией.

let numbers = [1, 2, 3, 4, 5];
let evenNumbers = numbers.filter(function(num) {
return num % 2 === 0;
});
// evenNumbers это [2, 4]

reduce()

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

let numbers = [1, 2, 3, 4, 5];
let sum = numbers.reduce(function(acc, num) {
return acc + num;
}, 0);
// sum это 15

find() и findIndex()

Метод find() возвращает первый элемент массива, который удовлетворяет предоставленной функции проверки. Метод findIndex() возвращает индекс первого элемента в массиве, который удовлетворяет предоставленной функции проверки.

let numbers = [1, 2, 3, 4, 5];
let found = numbers.find(function(num) {
return num > 3;
});
// found это 4

let foundIndex = numbers.findIndex(function(num) {
return num > 3;
});
// foundIndex это 3