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

Использование метода filter() — универсальное решение

Самый чистый и современный способ удалить элемент из массива по его значению — использовать метод Array.prototype.filter(). Он создает новый массив, включающий только те элементы, которые проходят проверку условия. Исходный массив при этом не изменяется, что соответствует принципам иммутабельности данных.

let numbers = [1, 2, 3, 4, 5];
let filteredNumbers = numbers.filter(item => item !== 3);
console.log(filteredNumbers); // [1, 2, 4, 5]
console.log(numbers);         // [1, 2, 3, 4, 5] — исходный массив не изменился

Удаление всех вхождений элемента

Если нужно удалить все элементы с определенным значением (например, все тройки из массива [1, 3, 2, 3, 4]), filter() справляется идеально:

let numbers = [1, 3, 2, 3, 4, 3];
let withoutThrees = numbers.filter(item => item !== 3);
console.log(withoutThrees); // [1, 2, 4]

Удаление только первого вхождения с помощью splice()

Если вам нужно удалить только первое вхождение элемента и изменить исходный массив, используйте комбинацию indexOf() и splice():

let numbers = [1, 2, 3, 4, 3, 5];
let index = numbers.indexOf(3);
if (index !== -1) {
    numbers.splice(index, 1);
}
console.log(numbers); // [1, 2, 4, 3, 5]

Удаление всех вхождений с изменением исходного массива

Если нужно изменить исходный массив, удалив все вхождения, можно использовать цикл while с indexOf():

let numbers = [1, 2, 3, 4, 3, 5];
let itemToRemove = 3;
let i = numbers.indexOf(itemToRemove);
while (i !== -1) {
    numbers.splice(i, 1);
    i = numbers.indexOf(itemToRemove);
}
console.log(numbers); // [1, 2, 4, 5]

Современный подход: findIndex() + splice()

Начиная с ES6, можно использовать findIndex() для более сложных условий:

let users = [
    { id: 1, name: 'Alice' },
    { id: 2, name: 'Bob' },
    { id: 3, name: 'Charlie' }
];
let index = users.findIndex(user => user.id === 2);
if (index !== -1) {
    users.splice(index, 1);
}
console.log(users); // [{ id: 1, name: 'Alice' }, { id: 3, name: 'Charlie' }]

Рекомендации

• Для простых значений (числа, строки): используйте filter() — он безопасен, читаем и не мутирует данные.
• Для объектов с уникальными идентификаторами: используйте findIndex() + splice().
• Если нужно удалить только первое вхождение и изменить исходный массив: indexOf() + splice().
• Избегайте delete arr[index] — он оставляет пустые слоты (undefined) и не изменяет длину массива.

Помните: filter() создает новый массив, поэтому если у вас очень большой массив (сотни тысяч элементов) и вы работаете с ним в цикле, это может повлиять на производительность. В таких случаях используйте мутирующие методы, но старайтесь свести их к минимуму.

let numbers = [1, 2, 3, 4, 3, 5];
let itemToRemove = 3;

for (let i = numbers.length - 1; i >= 0; i--) {
    if (numbers[i] === itemToRemove) {
        numbers.splice(i, 1);
    }
}
console.log(numbers); // [1, 2, 4, 5]