logo

Usuń elementy z tablicy JavaScript

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

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 Javie
JavaScript
// 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 Java
JavaScript
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>