Техника JavaScript splice() заменяет или удаляет элементы массива, пока они все еще на месте.

Синтаксис

Синтаксис следующий:

removedArray = array.splice(index, count, item1......itemN)

Удаленный массив: массив, в котором хранятся все удаленные элементы, возвращаемые методом splice().

Массив: массив, к которому применяется метод splice().

Объединение: вызов функции для метода

Индекс: начальный индекс для метода splice().

Количество: указывает количество элементов в массиве, которые нужно заменить/удалить из начального индекса.

Элементы: элементы, которые заменяют элементы массива из начального индекса.

Примеры

Примеры, демонстрирующие различные применения метода splice(), показаны ниже.

  • Удалите все элементы, которые идут после начального элемента.
var arr = ['A', 'B', 'C', 'D'];
var removed = arr.splice(1, arr.length-1);
console.log('Original Array: ', arr)
console.log('Removed Elements: ', removed)

// arr is ['A'] 
// removed is ['B', 'C', 'D']
  • Изменить каждый элемент, следующий за исходным элементом.
var arr = ['A', 'B', 'C', 'D'];
var removed = arr.splice(1, arr.length-1, 'X', 'Y', 'Z');
console.log('Original Array: ', arr)
console.log('Removed Elements: ', removed)

// arr is ['A', 'X', 'Y', 'Z'] 
// removed is ['B', 'C', 'D']
  • В индексе 2 поместите 2 элемента вместо 0 (ноль) элементов.
var arr = ['A', 'B', 'C', 'D'];
var removed = arr.splice(2, 0, 'X', 'Y');
console.log('Original Array: ', arr)
console.log('Removed Elements: ', removed)

// arr is ['A', 'B', 'X', 'Y', 'C', 'D']
// removed is []
  • Удалить все элементы после определенного индекса.
var arr = ['A', 'B', 'C', 'D', 'E', 'F'];
index = 3
var removed = arr.splice(index);
console.log('Original Array: ', arr)
console.log('Removed Elements: ', removed)

// arr is ['A', 'B', 'C']
// removed is ['D', 'E', 'F']

Примечание. Исходный массив обновляется с помощью метода splice(), в отличие от метода slice(), который оставляет исходный массив без изменений.

https://www.codesolutionstuff.com/what-is-the-purpose-of-the-array-splice-method/

Изучите разработку полного стека — CodeSolutionStuff