Добавить новый элемент массива 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]