Удаление элементов массива в JavaScript: оператор delete против метода splice

Часто в JavaScript приходится столкнуться с необходимостью удаления элементов из массива. В таких случаях на помощь приходят оператор delete и метод splice. Рассмотрим их на примере.

Допустим, есть массив цветов:

let colors = ['красный', 'синий', 'зеленый', 'желтый'];

И требуется удалить из него элемент ‘синий’. Это можно сделать двумя способами.

Оператор delete

Оператор delete удаляет свойство объекта. В случае массива, он удаляет элемент по указанному индексу:

delete colors[1];

Массив после этой операции будет выглядеть следующим образом:

['красный', undefined, 'зеленый', 'желтый']

Оператор delete не изменяет длину массива, а заменяет удаленный элемент на undefined.

Метод splice

Метод splice не только удаляет элемент, но и сдвигает остальные элементы массива, чтобы заполнить образовавшийся пробел:

colors.splice(1, 1);

Массив после этой операции будет выглядеть следующим образом:

['красный', 'зеленый', 'желтый']

Метод splice изменяет длину массива, полностью удаляя элемент.

Итог

Выбор между оператором delete и методом splice зависит от конкретной ситуации. Если нужно просто «обнулить» элемент, то подойдет delete. Если же требуется полностью удалить элемент и сдвинуть остальные, чтобы не было «дырки», то лучше использовать splice.