Массивы JavaScript универсальны и предлагают широкий спектр встроенных методов для эффективного манипулирования, перебора и управления данными. Понимание этих методов имеет решающее значение для эффективного программирования. Давайте углубимся в некоторые часто используемые методы работы с массивами на практических примерах.

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

• push(): Добавляет один или несколько элементов в конец массива и возвращает новую длину массива.

let fruits = ['apple', 'banana'];
fruits.push('orange');  // returns 3 (new length of array)
console.log(fruits);    // Output: ['apple', 'banana', 'orange']

• pop(): Удаляет последний элемент из массива и возвращает этот элемент.

let fruits = ['apple', 'banana', 'orange'];
let lastFruit = fruits.pop();  // returns 'orange'
console.log(fruits);           // Output: ['apple', 'banana']
console.log(lastFruit);        // Output: 'orange'

• shift(): Удаляет первый элемент из массива и возвращает этот удаленный элемент.

let fruits = ['apple', 'banana', 'orange'];
let firstFruit = fruits.shift();  // returns 'apple'
console.log(fruits);              // Output: ['banana', 'orange']
console.log(firstFruit);          // Output: 'apple'

• unshift(): Добавляет один или несколько элементов в начало массива и возвращает новую длину массива.

let fruits = ['banana', 'orange'];
fruits.unshift('apple');  // returns 3 (new length of array)
console.log(fruits);      // Output: ['apple', 'banana', 'orange']

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

let numbers = [1, 2, 3];
numbers.forEach(function(num) {
  console.log(num * 2);  // Output: 2, 4, 6
});

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

let numbers = [1, 2, 3];
let doubled = numbers.map(function(num) {
  return num * 2;
});
console.log(doubled);  // Output: [2, 4, 6]

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

let numbers = [1, 2, 3, 4, 5];
let evens = numbers.filter(function(num) {
  return num % 2 === 0;
});
console.log(evens);  // Output: [2, 4]

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

let numbers = [10, 20, 30, 40, 50];
let found = numbers.find(function(num) {
  return num > 25;
});
console.log(found);  // Output: 30

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

let numbers = [1, 2, 3, 4, 5];
let sum = numbers.reduce(function(acc, current) {
  return acc   current;
}, 0);
console.log(sum);  // Output: 15 (1   2   3   4   5)

• indexOf(): Возвращает первый индекс, по которому можно найти данный элемент в массиве, или -1, если он отсутствует.

let fruits = ['apple', 'banana', 'orange', 'apple'];
let index = fruits.indexOf('apple');  // returns 0
console.log(index);                   // Output: 0

• lastIndexOf(): Возвращает последний индекс, по которому данный элемент может быть найден в массиве, или -1, если он отсутствует.

let fruits = ['apple', 'banana', 'orange', 'apple'];
let lastIndex = fruits.lastIndexOf('apple');  // returns 3
console.log(lastIndex);                      // Output: 3

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