Удалите элементы массива в JavaScript | удалить против сращивания

Опубликовано: 12 Декабря, 2021

Для удаления элементов в массиве можно использовать два подхода. У них есть свои достоинства в отношении способа удаления.

Использование delete array [index]:

Этот метод удаляет элемент по указанному индексу, но не изменяет массив. Это означает, что на месте удаленного индекса элемент остается неопределенным или нулевым. Это может вызвать проблемы при итерации по массиву, поскольку удаленный индекс не содержит никакого значения. Длина массива в этом случае остается прежней.

Синтаксис:

 удалить массив [индекс]

Пример:

Выход:

Отображать:
Консоль:

Используя метод сращивания:

Метод array.splice () используется для добавления или удаления элементов из массива. Этот метод принимает 3 параметра: индекс, в который нужно вставить или удалить идентификатор элемента, количество удаляемых элементов и новые элементы, которые должны быть вставлены.

Этот метод фактически удаляет элемент по индексу и сдвигает оставшиеся элементы, не оставляя пустого индекса. Это полезно, так как массив, оставшийся после удаления, можно нормально перебирать и правильно отображать. При использовании этого метода длина массива уменьшается.

Синтаксис:

 array.splice (индекс, items_to_remove, item1 ... itemX)

Пример:

 <!DOCTYPE html>
 < html >
 < head >
    < title >
        Deleting array elements in
        JavaScript – delete vs splice
    </ title >
 </ head >
 < body >
    < h1 style = "color: green" >GeeksforGeeks</ h1 >
    < b >Deleting array elements in JavaScript – delete vs splice</ b >
    < p >Click on the button below to delete an element.</ p >
    < p >Original array is: 1, 2, 3, 4, 5, 6</ p >
    < p >New array is: < span class = "output" ></ span ></ p >
    < button onclick = "deleteElement()" >Click to delete</ button >
    < script >
        function deleteElement() {
            array = [1, 2, 3, 4, 5, 6];
 
            index = 2;
            array.splice(index, 1);
 
            console.log(array);
            document.querySelector('.output').textContent = array;
        }
    </ script >
 </ body >
 </ html > 

Выход:

Перед нажатием кнопки:
После нажатия кнопки:

JavaScript Picked

Удалите элементы массива в JavaScript | удалить против сращивания

РЕКОМЕНДУЕМЫЕ СТАТЬИ