Удаление элементов массива JavaScript важно для управления вашими данными. Вы можете добавлять и удалять элементы массива разными способами. К сожалению, простого метода Array.remove не существует. Сегодня я собираюсь поделиться с вами 11 способами удаления элементов из массива JavaScript. Итак, приступим…
- Удаление элементов из начала массива JavaScript: не волнуйтесь, у нас есть
shift()
методов для этой операции.
Ex. let numbers=[1, 2, 3, 4, 5] numbers.shift(); Output:// [2,3,4,5]
2. Удаление элементов с конца массива JavaScript. Для удаления последних элементов массива у нас есть pop()
метода.
Ex. let numbers=[1, 2, 3, 4, 5] numbers.pop(); Output:// [1,2,3,4]
3. Еще один хитрый способ удалить последний элемент из массива: для удаления последних элементов массива мы используем длину массива и уменьшаем текущую длину.
Ex. let numbers=[1, 2, 3, 4, 5, 6, 7, 8] numbers.length= numbers.length-1; Output;//[1,2,3,4,5,6,7]
4. Удалить внутренние элементы. Мы можем удалить внутренние элементы массива, используя splice()
с индексом. Splice()
методов, используемых как для удаления, так и для обновления данных.
Ex. let numbers=[1, 2, 3, 4, 5, 6, 7, 8, 9] Numbers.splice(2,2); Output://[1,2,5,6,7,8,9]
В методе splice()
сначала мы вставляем 2 для нацеливания на индекс номер 2, а второй 2 — для удаления двух элементов, индекс которых равен 2 и 3.
5. Еще один хитрый способ удаления внутренних элементов: здесь мы используем метод splice()
со значением.
Ex. let numbers=[1, 2, 3, 4, 5, 6] const toBeDeleted= 5; for(let i= 0; i<numbers.length; i++){ if(numbers[i]=== toBeDeleted){ numbers.splice(I,1) } } Output:// [1,2,3,4,6]
6. Использование метода фильтра массива для удаления элементов по значению: в отличие от метода сращивания, filter()
создает новый массив. filter()
не изменяет массив, для которого он вызывается, а возвращает новый массив. Если мы хотим изменить существующий массив, мы должны повторно инициализировать существующий массив отфильтрованным массивом. Так что давай посмотрим..
Ex. let numbers=[1, 2 ,3, 4, 5, 6, 7, 8] const toBeDeleted= 5; numbers= numbers.filter((item) => item !== toBeDeleted) Output:// [1,2,3,4,6,7,8]
7. Использование оператора удаления: один из наиболее распространенных операторов удаления элементов массива.
Ex. let numbers=[1, 2, 3, 4, 5] delete numbers[4] Output:// [1,2,3,5]
8. 1. Сбросить весь массив: мы также можем сбросить весь массив. Который приведен ниже…..
Ex. let numberOne=[1, 2, 3] let numberTwo= numberOne numberOne.length= 0; output://[],[] if we console both numberOne and numberTwo.
9. Сброс массива с помощью цикла while: мы можем сбросить массив с помощью цикла while и методов pop()
.
Ex. let numbers=[1, 2, 3 , 4, 5, 6] while(numbers.length) numbers.pop(); output://[]
10. Метод удаления массива Lodash. Метод удаления Lodash работает так же, как метод фильтрации массива, но как бы наоборот. Он не сохраняет исходные значения массива, а удаляет совпадающие элементы. Он возвращает совпадающие элементы в виде нового массива.
Ex. let x = [1, 2, 3, 4, 5]; let even = _.remove(x, function(n) { return n % 2 == 0; }); Output://Original Array [ 1, 3, 5 ] Removed element array [ 2, 4 ]
Удачного кодирования :)