Есть разные способы добавить или добавить элемент в массив. Мы будем использовать 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