Het verwijderen van elementen uit een JavaScript-array betekent dat bepaalde items uit de array worden verwijderd. Dit is een fundamentele en belangrijke taak bij het programmeren, omdat het de array accuraat houdt en de gegevensverwerking eenvoudiger maakt. In dit artikel bespreken we enkele methoden om elementen uit een JavaScript-array te verwijderen.

Methoden om elementen uit JavaScript-array te verwijderen

Er zijn verschillende methoden om elementen uit een JavaScript-array te verwijderen, die hieronder worden besproken:

Inhoudsopgave

• Methode 1: Verwijder het laatste element uit Array met behulp van de pop()-methode
• Methode 2: Verwijder het eerste element uit de array met behulp van de shift()-methode
• Methode 3: Element uit array verwijderen in elke index met behulp van de splice()-methode
• Methode 4: Element uit array met bepaalde voorwaarde verwijderen met behulp van filter()-methode
• Methode 5: Array-elementen met index verwijderen met behulp van de Delete-operator
• Methode 6: Array-elementen verwijderen met behulp van de Clear and Reset-aanpak
• Methode 7: Element uit array verwijderen met for()-lus en nieuwe array
• Methode 8: Array-element verwijderen met de lodash _.remove-methode

Opmerking: Er zijn andere methoden die zijn gemaakt door JavaScript ingebouwde methoden.

Methode 1: Verwijder het laatste element uit Array met behulp van de pop()-methode

Deze methode wordt gebruikt om het laatste element van de array te verwijderen en het verwijderde element terug te geven. Deze functie verkleint de lengte van de array met 1 telkens wanneer het element wordt verwijderd.

Voorbeeld 1: De onderstaande code is de basisimplementatie van het pop() methode om elementen uit een array te verwijderen.

// 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); 

Removed element: pop Remaining elements: shift,splice,filter Array length: 3 

Voorbeeld 2: De onderstaande code verwijdert de elementen uit de array met behulp van de pop()-methode totdat de lengte van de array naar 0 verandert.

// 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) 

Original array: pop,splice,filter,shift Array Length: 0 

Methode 2: Verwijder het eerste element uit de array met behulp van de shift()-methode

Deze methode wordt gebruikt om het eerste element van de array te verwijderen en terug te sturen en de grootte van de originele array met 1 te verkleinen.

Voorbeeld: De onderstaande code is een basisimplementatie van shift() methode om array-elementen te verwijderen.

// 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); 

Removed element: shift Remaining elements: splice,filter,pop 

Methode 3: Element uit array verwijderen in elke index met behulp van de splice()-methode

Splice-methode wordt gebruikt om de inhoud van een array te wijzigen door de bestaande elementen te verwijderen en/of nieuwe elementen toe te voegen. Om elementen te verwijderen met de methode splice() kunt u de elementen op verschillende manieren specificeren.

Voorbeeld 1: In dit voorbeeld wordt de indexering van de splice-methode gebruikt om elementen uit een JavaScript-array te verwijderen.

// 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); 

Removed element: splice Remaining elements: shift,filter,pop 

Voorbeeld 2: In dit voorbeeld wordt de waarde van de splice-methode gebruikt om elementen uit een JavaScript-array te verwijderen.

// 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);  } } 

Removed element: splice Remaining elements: shift,filter,pop 

Voorbeeld 3: Gebruik de splice-methode om elk element uit een JavaScript-array te verwijderen.

// 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) 

Original array: pop,splice,filter,shift Empty array: 

Methode 4: Element uit array met bepaalde voorwaarde verwijderen met behulp van filter()-methode

Filtermethode wordt gebruikt om een ​​nieuwe array te maken van een gegeven array, bestaande uit alleen die elementen uit de gegeven array die voldoen aan een voorwaarde die is ingesteld door de argumentfunctie. Om elementen te verwijderen met de methode filter() kunt u de elementen op verschillende manieren specificeren.

Voorbeeld: In het onderstaande voorbeeld wordt de waarde van de filtermethode gebruikt om elementen uit een JavaScript-array te verwijderen.

// JavaScript to illustrate filter() method function isPositive(value) {  return value>0; } functie func() { laten filteren = [101, 98, 12, -1, 848].filter(isPositief);  console.log('Positieve elementen in array: ' + gefilterd); } func(); 

Positive elements in array: 101,98,12,848 

Methode 5: Array-elementen met index verwijderen met behulp van de Delete-operator

De operator verwijderen retourneert een Booleaanse waarde, WAAR, als het element of de eigenschap uit de array of het object wordt verwijderd en vals, als een functie of variabele wordt doorgegeven om te verwijderen.

Voorbeeld: De onderstaande code implementeert de verwijderoperator om elementen uit een array te verwijderen.

// 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); 

Removed: true Remaining elements: lodash,remove,,reset 

Methode 6: Array-elementen verwijderen met behulp van de Clear and Reset-aanpak

Het verwijderen van elementen uit een array met behulp van de handmatige clear and reset-aanpak, door de lengte van de array opnieuw in te stellen op 0 met behulp van de eigenschap length of door de array toe te wijzen aan een lege array([]).

Voorbeeld: In dit voorbeeld wordt uitgelegd hoe u de clear- en reset-aanpak in JavaScript kunt implementeren.

// 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); 

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: [] 

Methode 7: Element uit array verwijderen met for()-lus en nieuwe array

Hier een simpele for loop wordt over de array geleid en duwt alle elementen in de nieuwe array, behalve het element dat moet worden verwijderd.

Voorbeeld: In het onderstaande voorbeeld worden de for-lus en a gebruikt nieuwe reeks om elementen uit een array te verwijderen.

let removeElement = (array, n) =>{ laat newArray = [];  voor (laat i = 0; i < 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); 

Remaining elements: 1,3,4,5 

Methode 8: Array-element verwijderen met de lodash _.remove-methode

Gebruik de lodash-bibliotheek om elementen uit een JavaScript-array te verwijderen. Om de lodash-bibliotheek te gebruiken, moet u deze lokaal op uw systeem installeren.

Voorbeeld: Deze code implementeert de _.verwijderen() methode van lodash om elementen uit een array te verwijderen.

// 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); 

Uitgang:

Removed odd elements: 101, -1 Remaining even elements: 98, 12, 848