Независимо от того, хотите ли вы удалить определенное значение, элемент по его индексу или повторяющиеся элементы, JavaScript предлагает несколько методов для удаления элементов из массива.
Метод splice()
Если вам нужно удалить элемент из массива по индексу, вы можете использовать метод splice(), передав в него два аргумента: индекс элемента, который нужно удалить, и количество элементов, которые нужно удалить начиная с этого индекса.
То есть, если вторым аргументом передать единицу, то удалиться только один элемент, индекс которого был указан в первом аргументе. А если указать, например тройку, то удалиться 3 элемента, начиная с указанного индекса.
Будьте внимательны при использовании данного метода, так как он изменяет исходный массив.
let indexToRemove = 2; // Индекс элемента, который нужно удалить
// Удаляем 1 элемент
let myArray1 = [1, 2, 3, 4, 5, 6];
myArray1.splice(indexToRemove, 1);
console.log(myArray1); // Вывод: [1, 2, 4, 5, 6]
// Удаляем 3 элемента
let myArray2 = [1, 2, 3, 4, 5, 6];
myArray2.splice(indexToRemove, 3);
console.log(myArray2); // Вывод: [1, 2, 6]
Метод filter()
Если вы знаете значение элемента, который нужно удалить, но не знаете его индекса, можно воспользоваться методом filter(). Этот метод возвращает новый массив без изменения исходного.
Заметьте, что данный метод удаляет не один элемент, а все с идентичным значением.
let valueToRemove = 30; // Значение которые нужно удалить
let myArray = [10, 20, 30, 40, 50, 30];
myArray = myArray.filter(item => item !== valueToRemove);
console.log(myArray); // Вывод: [10, 20, 40, 50]
Метод shift()
Используется для удаления первого элемента массива.
let myArray = [10, 20, 30, 40, 50];
myArray.shift()
console.log(myArray); // Вывод: [20, 30, 40, 50]Метод pop()
Используется для удаления последнего элемента массива.
let myArray = [10, 20, 30, 40, 50];
myArray.pop()
console.log(myArray); // Вывод: [10, 20, 30, 40]