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

Метод 1: использование метода push()
Метод push() — это простой способ добавить элемент в конец массива. Он изменяет исходный массив и возвращает новую длину массива.

const array = [1, 2, 3];
array.push(4);
console.log(array); // Output: [1, 2, 3, 4]

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

const array1 = [1, 2, 3];
const array2 = array1.concat(4);
console.log(array1); // Output: [1, 2, 3]
console.log(array2); // Output: [1, 2, 3, 4]

Метод 3: использование оператора расширения (…)
Оператор расширения — это современный синтаксис, представленный в ECMAScript 6. Он позволяет разложить существующий массив на отдельные элементы. Вы можете использовать оператор распространения для создания нового массива с дополнительным элементом.

const array1 = [1, 2, 3];
const array2 = [...array1, 4];
console.log(array1); // Output: [1, 2, 3]
console.log(array2); // Output: [1, 2, 3, 4]

Метод 4. Использование метода unshift()
Метод unshift() добавляет один или несколько элементов в начало массива и возвращает новую длину массива. Он изменяет исходный массив.

const array = [1, 2, 3];
array.unshift(0);
console.log(array); // Output: [0, 1, 2, 3]

Метод 5: использование метода splice()
Метод splice() можно использовать для добавления элементов в любую позицию массива. Его также можно использовать для удаления элементов из массива. Первый аргумент указывает начальный индекс, второй аргумент указывает количество элементов, которые нужно удалить, а последующие аргументы указывают элементы, которые нужно добавить.

const array = [1, 2, 3];
array.splice(1, 0, 4);
console.log(array); // Output: [1, 4, 2, 3]

Метод 6. Использование методов push() и apply().
Если у вас есть массив элементов для добавления, вы можете использовать метод push() в сочетании с методом apply() для добавления всех элементов. в исходный массив.

const array1 = [1, 2, 3];
const array2 = [4, 5, 6];
Array.prototype.push.apply(array1, array2);
console.log(array1); // Output: [1, 2, 3, 4, 5, 6]

Метод 7. Использование оператора расширения ES6 и метода push()
В современном JavaScript вы также можете комбинировать оператор распространения с методом push() для добавления нескольких элементов в массив.

const array1 = [1, 2, 3];
const array2 = [4, 5, 6];
array1.push(...array2);
console.log(array1); // Output: [1, 2, 3, 4, 5, 6]

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