Как удалить определенный элемент из массива в JavaScript

Вы можете использовать метод splice() для удаления элемента из массива по определенному индексу в JavaScript. Синтаксис для удаления элементов массива можно указать с помощью splice(startIndex, deleteCount).

Здесь в параметре startIndex указывается индекс, с которого нужно начинать склейку массива, это обязательный параметр; второй параметр deleteCount — это количество удаляемых элементов (если он установлен в 0, ни один элемент не будет удален). Давайте посмотрим на пример, чтобы понять, как это работает:

<script>    
    var colors = ["Red", "Green", "Blue", "Yellow", "Orange"];
    var removed = colors.splice(2,1); // Удаляем третий элемент
    console.log(colors); // Печатает: ["Red", "Green", "Yellow", "Orange"]
    console.log(removed); // Печатает: ["Blue"] (one item array)
    console.log(removed.length); // Печатает: 1
    
    var persons = ["Alice", "John", "Peter", "Clark", "Harry"];
    removed = persons.splice(2,2); // Удаляем третий и четвертый элементы
    console.log(persons); // Печатает: ["Alice", "John", "Harry"]
    console.log(removed); // Печатает: ["Peter", "Clark"]
    console.log(removed.length); // Печатает: 2
    
    var fruits = ["Apple", "Banana", "Mango", "Orange", "Papaya"];
    removed = fruits.splice(2); // Удаляем все элементы, начиная с индекса 2
    console.log(fruits); // Печатает: ["Apple", "Banana"]
    console.log(removed); // Печатает: ["Mango", "Orange", "Papaya"]
    console.log(removed.length); // Печатает: 3
</script>

Важно отметить, что метод splice() изменяет исходный массив, для которого он вызывается, и возвращает новый массив удаленных элементов или пустой массив, если элементы не были удалены.

Кроме того, если второй аргумент (т.е. deleteCount) опущен, все элементы от начала до конца массива удаляются, как вы можете видеть в приведенном выше примере.

Подробнее см. Руководство по массивам JavaScript.

Читайте также