Есть разные способы добавить или добавить элемент в массив. Мы будем использовать push, unshift, splice, concat, spread и index для добавления элементов в массив. Давайте кратко обсудим все 6 различных методов один за другим.

Метод push ()

Этот метод используется для добавления элементов в конец массива. Этот метод возвращает новую длину массива.

const movies = ['Avengers', 'Iron-man', 'Thor'];
 
const newLength = movies.push('Hulk'); 
console.log(movies); // ['Avengers', 'Iron-man', 'Thor', 'Hulk'];
 
console.log(newLength); //4

Мы также можем добавить несколько значений с помощью метода push.

const movies = ['Iron-man', 'Thor']; 
movies.push('Avengers', 'Deadpool', 'Hulk');
 
console.log(movies); 
// ["Iron-man", "Thor", "Avengers", "Deadpool", "Hulk"]

Метод unshift ()

Метод unshift() используется для добавления элементов в начало массива. Этот метод возвращает новую длину массива.

const cars = ['Audi', 'BMW', 'Jaguar']; 
const newLength = cars.unshift('Mercedes'); 
console.log(newLength ); // 4 
console.log(cars); // ['Mercedes', 'Audi', 'BMW', 'Jaguar']

Мы также можем добавить несколько значений с помощью метода unshift().

const cars = ['Audi', 'Jaguar']; 
cars.unshift('Mercedes', 'Tesla'); 
console.log(cars); // ['Mercedes', 'Tesla', 'Audi', 'Jaguar']

Метод splice ()

Этот метод может как добавлять, так и удалять элементы по указанному индексу массива.

  • Первый параметр splice() принимает индекс массива, в который вы хотите добавить или удалить элемент.
  • Второй параметр принимает количество элементов, которые нужно удалить из указанного индекса. Если не удалить какой-либо элемент, это может быть 0.
  • Третий параметр принимает элементы, которые нужно добавить по указанному индексу. Если мы только удаляем, это можно оставить пустым. Мы можем добавить столько значений, сколько захотим.
const language = ['Java', 'PHP']; 
language.splice(1, 0, 'Android', 'Swift');
 
//['Java', 'Android', 'Swift' , 'PHP']

Метод concat ()

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

Передача массива в качестве параметра

const marvel = ['Avengers', 'Thor']; 
const DC = ['Batman', 'Joker']; 
const movies = marvel.concat(DC); 
console.log(movies); // ["Avengers", "Thor", "Batman", "Joker"]

Передача значения как параметра

const marvel = ['Avengers', 'Thor']; 
const movies = marvel.concat('Batman', 'Joker');
console.log(movies); // ["Avengers", "Thor", "Batman", "Joker"]

Оператор распространения (…)

Распространение operator(...) используется для расширения и распространения элементов массива. Мы можем распространять и объединять массив с новыми значениями с помощью оператора распространения.

const animals = ['Tiger', 'Horse']; 
const zoo = [...animals, 'Elephant', 'Lion', 'Deer'];
console.log(zoo); // ['Tiger', 'Horse', 'Elephant', 'Lion', 'Deer']

Добавление элемента с индексом

Мы можем добавить новое значение в массив, обратившись к определенному индексу и назначив новый элемент.

const number = [15, 40]; 
number[2] = 65; 
number[3] = 80; 
console.log(number); // [15, 40, 65, 80]

Если мы оставим некоторые индексы посередине и присвоим значения массиву, то оставшиеся места в середине будут заполнены неопределенными значениями.

const number = [15, 40]; 
number[3] = 65; 
number[6] = 80; 
console.log(number); 
// [15, 40, undefined, 65, undefined, undefined, 80]

Вы можете использовать любой из 6 методов для добавления элемента в массив.

Также отметьте: 5 способов удалить элементы из массива

Спасибо за уделенное время ☺️
Для других блогов веб-разработки посетите jscurious.com