Добавить новый элемент массива JS

В этом уроке мы разберем различные способы добавления новых элементов в массив в JavaScript и рассмотрим примеры кода для каждого из них.

В начало массива

С помощью метода unshift можно добавить новый элемент в начало массива. Смотрите пример:

javascriptlet arr = ['a', 'b', 'c'];
arr.unshift('x');
console.log(fruits); // выведет: ['x', 'a', 'b', 'c']

Вставка нового элемента в конец массива осуществляется с помощью метода push. Смотрите пример:

javascriptlet arr = [1, 2, 3];
arr.push(4);
console.log(arr); // выведет: [1, 2, 3, 4]

Иногда нам может потребоваться вставить новый элемент в определенную позицию. Это можно сделать с помощью метода splice.

Для примера давайте вставим новый элемент на позицию 2:

javascriptlet arr = ['a', 'b', 'c', 'd', 'e'];
arr.splice(2, 0, '1');

console.log(arr); // выведет ['a', 'b', '1', 'c', 'd', 'e']

Можно ставить элементы одного массива в другой с помощью метода concat. Смотрите пример:

javascriptlet arr = [1, 2, 3];
arr = arr.concat([4, 5]);
console.log(arr); // выведет: [1, 2, 3, 4, 5]

Можно ставить элементы одного массива в другой с помощью оператора spread. Смотрите пример:

javascriptlet arr = ['a', 'b'];
let res = [1, 2, ...arr, 3];

console.log(arr); // выведет: [1, 2, 'a', 'b', 3]