Usunięcie elementów z tablicy JavaScript oznacza usunięcie pewnych elementów z tablicy. Jest to podstawowe i ważne zadanie w programowaniu, ponieważ pomaga zachować dokładność tablicy i ułatwia obsługę danych. W tym artykule omówimy kilka metod usuwania elementów z tablicy JavaScript.

Metody usuwania elementów z tablicy JavaScript
Istnieją różne metody usuwania elementów z tablicy JavaScript, które omówiono poniżej:
Spis treści
- Metoda 1: Usuń ostatni element z tablicy za pomocą metody pop().
- Metoda 2: Usuń pierwszy element z tablicy za pomocą metody shift().
- Metoda 3: Usuń element z tablicy w dowolnym indeksie za pomocą metody splice().
- Metoda 4: Usuń element z tablicy z pewnym warunkiem, używając metody filter().
- Metoda 5: Usuń elementy tablicy za pomocą indeksu za pomocą operatora usuwania
- Metoda 6: Usuń elementy tablicy, stosując metodę czyszczenia i resetowania
- Metoda 7: Usuń element z tablicy za pomocą pętli for() i nowej tablicy
- Metoda 8: Usuń element tablicy za pomocą metody lodash _.remove
Notatka: Istnieją inne metody tworzone przez JavaScript wbudowane metody.
Metoda 1: Usuń ostatni element z tablicy za pomocą metody pop().
Ta metoda służy do usunięcia ostatniego elementu tablicy i zwraca usunięty element. Ta funkcja zmniejsza długość tablicy o 1 za każdym razem, gdy element jest usuwany.
Przykład 1: Poniższy kod jest podstawową implementacją metoda pop(). aby usunąć elementy z tablicy.
konwersja int na string w JavieJavaScript
// JavaScript code to illustrate pop() function // to remove array elements let arr = ['shift', 'splice', 'filter', 'pop']; // Popping the last element from the array let popped = arr.pop(); console.log('Removed element: ' + popped); console.log('Remaining elements: ' + arr); console.log('Array length: ' + arr.length);> Wyjście
Removed element: pop Remaining elements: shift,splice,filter Array length: 3>
Przykład 2: Poniższy kod usuwa elementy z tablicy za pomocą metody pop() do momentu, aż długość tablicy zmieni się na 0.
JavaScript
// Declare and initialize an array let array = ['pop', 'splice', 'filter', 'shift'] console.log('Original array: ' + array) // Loop run while array length not zero while (array.length) { // Remove elements from array array.pop(); } console.log('Array Length: ' + array.length)> Wyjście
Original array: pop,splice,filter,shift Array Length: 0>
Metoda 2: Usuń pierwszy element z tablicy za pomocą metody shift().
Ta metoda służy do usuwania i zwracania pierwszego elementu tablicy oraz zmniejszania rozmiaru oryginalnej tablicy o 1.
Przykład: Poniższy kod jest podstawową implementacją metoda shift(). aby usunąć elementy tablicy.
JavaScript // JavaScript code to illustrate shift() method // to remove elements from array let arr = ['shift', 'splice', 'filter', 'pop']; // Removing the first element from array let shifted = arr.shift(); console.log('Removed element: ' + shifted); console.log('Remaining elements: ' + arr);> Wyjście
Removed element: shift Remaining elements: splice,filter,pop>
Metoda 3: Usuń element z tablicy w dowolnym indeksie za pomocą metody splice().
Metoda splotu służy do modyfikacji zawartości tablicy poprzez usunięcie istniejących elementów i/lub dodanie nowych elementów. Aby usunąć elementy metodą splice(), możesz określić elementy na różne sposoby.
rozmiar mojego monitora
Przykład 1: W tym przykładzie zastosowano indeksowanie metody splice w celu usunięcia elementów z tablicy JavaScript.
JavaScript // JavaScript code to illustrate splice() function let arr = ['shift', 'splice', 'filter', 'pop']; // Removing the specified element from the array let spliced = arr.splice(1, 1); console.log('Removed element: ' + spliced); console.log('Remaining elements: ' + arr);> Wyjście
Removed element: splice Remaining elements: shift,filter,pop>
Przykład 2: W tym przykładzie użyto wartości metody splice do usunięcia elementów z tablicy JavaScript.
JavaScript // JavaScript code to illustrate splice() function let arr = ['shift', 'splice', 'filter', 'pop']; // Removing the specified element by value from the array for (let i = 0; i < arr.length; i++) { if (arr[i] === 'splice') { let spliced = arr.splice(i, 1); console.log('Removed element: ' + spliced); console.log('Remaining elements: ' + arr); } }> Wyjście
Removed element: splice Remaining elements: shift,filter,pop>
Przykład 3: Użycie metody splice w celu usunięcia każdego elementu z tablicy JavaScript.
JavaScript // Declare and initialize array let array = ['pop', 'splice', 'filter', 'shift'] console.log('Original array: ' + array) // Making the length of array to 0 by using splice method array.splice(0, array.length); console.log('Empty array: ' + array)> Wyjście
Original array: pop,splice,filter,shift Empty array:>
Metoda 4: Usuń element z tablicy z pewnym warunkiem, używając metody filter().
Metoda filtracyjna służy do utworzenia nowej tablicy z danej tablicy składającej się tylko z tych elementów z danej tablicy, które spełniają warunek ustawiony przez funkcję argumentu. Aby usunąć elementy metodą filter(), możesz określić elementy na różne sposoby.
Przykład: Poniższy przykład wykorzystuje wartość metody filter do usuwania elementów z tablicy JavaScript.
JavaScript // JavaScript to illustrate filter() method function isPositive(value) { return value>0; } funkcja func() { niech filtrowane = [101, 98, 12, -1, 848].filter(isPositive); console.log('Dodatnie elementy tablicy: ' + filtrowane); } func();> Wyjście
Positive elements in array: 101,98,12,848>
Metoda 5: Usuń elementy tablicy za pomocą indeksu za pomocą operatora usuwania
The usuń operatora zwraca wartość logiczną, PRAWDA, jeśli element lub właściwość zostanie usunięta z tablicy lub obiektu i FAŁSZ, jeśli funkcja lub zmienna jest przekazywana do usunięcia.
Przykład: Poniższy kod implementuje operator usuwania w celu usunięcia elementów z tablicy.
JavaScript // Declare and initialize an array let array = ['lodash', 'remove', 'delete', 'reset'] // Delete element at index 2 let deleted = delete array[2]; console.log('Removed: ' + deleted); console.log('Remaining elements: ' + array);> Wyjście
Removed: true Remaining elements: lodash,remove,,reset>
Metoda 6: Usuń elementy tablicy, stosując metodę czyszczenia i resetowania
Usuwanie elementów z tablicy przy użyciu metody ręcznego czyszczenia i resetowania poprzez zresetowanie długości tablicy do 0 przy użyciu właściwości długości lub przez przypisanie tablicy do pustej tablicy ([]).
Przykład: Ten przykład wyjaśnia, jak można zaimplementować podejście jasne i resetowane w JavaScript.
JavaScript // Declare and initialize an array let array1 = ['lodash', 'remove', 'delete', 'reset']; let array2 = [1, 2, 3, 4, 5]; console.log('Array1 before elements removal: ', array1); console.log('Array2 before elements removal: ', array2); // Delete each element of array array1 = []; array2.length = 0; console.log('Array1 after elements removal: ', array1); console.log('Array2 after elements removal: ', array2);> Wyjście
Array1 before elements removal: [ 'lodash', 'remove', 'delete', 'reset' ] Array2 before elements removal: [ 1, 2, 3, 4, 5 ] Array1 after elements removal: [] Array2 after elements removal: []>
Metoda 7: Usuń element z tablicy za pomocą pętli for() i nowej tablicy
Tutaj proste dla pętli zostanie uruchomiony nad tablicą i wypchnie wszystkie elementy nowej tablicy z wyjątkiem elementu, który ma zostać usunięty.
Przykład: Poniższy przykład wykorzystuje pętlę for i a nowy układ aby usunąć elementy z tablicy.
porównywalna JavaJavaScript
let removeElement = (array, n) =>{ niech nowa tablica = []; dla (niech i = 0; tj< array.length; i++) { if (array[i] !== n) { newArray.push(array[i]); } } return newArray; }; let passed_in_array = [1, 2, 3, 4, 5]; let element_to_be_removed = 2; let result = removeElement(passed_in_array, element_to_be_removed); console.log('Remaining elements: ' + result);> Wyjście
Remaining elements: 1,3,4,5>
Metoda 8: Usuń element tablicy za pomocą metody lodash _.remove
Użyj biblioteki lodash, aby usunąć elementy z tablicy JavaScript. Aby korzystać z biblioteki lodash musisz zainstalować ją lokalnie w swoim systemie.
Przykład: Ten kod implementuje _.usunąć() metoda lodash służąca do usuwania elementu z tablicy.
JavaScript // Import Lodash library const _ = require('lodash'); // Declare and initialize an array let array = [101, 98, 12, -1, 848]; // using _.remove to remove odd number let evens= _.remove(array, function(n) { return n % 2 == 0; }); console.log('Remaining odd elements: ' + array); console.log('Removed even elements: ' + evens);> Wyjście:
Removed odd elements: 101, -1 Remaining even elements: 98, 12, 848>