Добавление и удаление элементов.

Методы добавления и удаления элементов из начала и конца массива.

array.push(items) – добавить элементы в конец массива
array.unshift(items) – добавить элементы в начало массива
array.pop() – извлекает элемент из конца массива
array.shift() – извлекает элемент из начала массива

Метод splice

Так же есть универсальный метод для добавления, удаления и замены элемента массива — splice(index[, deleteCount, addItems…).

const colors = ['black', 'yellow', 'green', 'white', 'red'];

Удалить все элементы массива с заданного индекса:

colors.splice(2); // [ "black", "yellow" ]

Удалить заданное количество элементов с определенного индекса:

colors.splice(2, 2); // [ "black", "yellow", "red" ]

Теперь удалим элементы ‘yellow’ , ‘green’ и на их место добавим ‘blue’ , ‘lime’ .

colors.splice(1, 2, 'blue', 'lime'); // [ "black", "blue", "lime", "white", "red" ]

Метод slice

Данный метод возвращает новый массив со скопированными значениями исходного начиная с индекса ‘start’ и заканчивая индексом ‘end’ включительно.

let newColor = colors.slice(1, 4);
console.log(newColor); // [ "yellow", "green", "white" ]

Аргументы в методе slice являются необязательными и если их не передать, то скопируется весь массив.

let newColor = colors.slice();
console.log(newColor); // [ "black", "yellow", "green", "white", "red" ]

Метод concat

Concat возвращает новый объединенный массив из переданных в аргументы.

const num1 = [1, 2, 3];
const num2 = [4, 5];

const allNum = num1.concat(num2, [6, 7, 8]);
console.log(allNum); // [ 1, 2, 3, 4, 5, 6, 7, 8 ]