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

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

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

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

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

В конец массива

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

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

По указанному индексу

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

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

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

Через объединение

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

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

Через spread

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

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