Fjernelse af elementer fra et JavaScript-array betyder at fjerne visse elementer fra arrayet. Dette er en grundlæggende og vigtig opgave i programmering, fordi det hjælper med at holde arrayet nøjagtigt og gør datahåndtering lettere. I denne artikel vil vi diskutere nogle få metoder til at fjerne elementer fra et JavaScript-array.

Metoder til at fjerne elementer fra JavaScript-array

Der er forskellige metoder til at fjerne elementer fra et JavaScript-array, som diskuteres nedenfor:

Indholdsfortegnelse

• Metode 1: Fjern sidste element fra Array ved hjælp af pop()-metoden
• Metode 2: Fjern første element fra array ved hjælp af shift()-metoden
• Metode 3: Fjern element fra array ved ethvert indeks ved hjælp af splice()-metoden
• Metode 4: Fjern element fra array med visse tilstande ved hjælp af filter()-metoden
• Metode 5: Fjern arrayelementer med indeks ved hjælp af Delete Operator
• Metode 6: Fjern Array-elementer ved hjælp af Clear and Reset-metoden
• Metode 7: Fjern Element fra Array ved hjælp af for() loop og ny array
• Metode 8: Fjern Array Element ved hjælp af lodash _.remove Method

Bemærk: Der er andre metoder, der er skabt af JavaScript indbyggede metoder.

Metode 1: Fjern sidste element fra Array ved hjælp af pop()-metoden

Denne metode bruges til at fjerne det sidste element i arrayet og returnerer det fjernede element. Denne funktion reducerer længden af ​​arrayet med 1, hver gang elementet fjernes.

Eksempel 1: Nedenstående kode er den grundlæggende implementering af pop() metode for at fjerne elementer fra et array.

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

Eksempel 2: Nedenstående kode fjerner elementerne fra array ved hjælp af pop()-metoden, indtil længden af ​​arrayet bliver til 0.

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

Metode 2: Fjern første element fra array ved hjælp af shift()-metoden

Denne metode bruges til at fjerne og returnere det første element i arrayet og reducere størrelsen af ​​det originale array med 1.

Eksempel: Nedenstående kode er en grundlæggende implementering af shift() metode for at fjerne array-elementer.

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

Metode 3: Fjern element fra array ved ethvert indeks ved hjælp af splice()-metoden

Splejsningsmetode bruges til at ændre indholdet af et array ved at fjerne de eksisterende elementer og/eller tilføje nye elementer. For at fjerne elementer med splice()-metoden kan du angive elementerne på forskellige måder.

Eksempel 1: Dette eksempel bruger indeksering af splejsningsmetoden til at fjerne elementer fra et JavaScript-array.

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

Eksempel 2: Dette eksempel bruger værdien af ​​splejsningsmetoden til at fjerne elementer fra et JavaScript-array.

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

Eksempel 3: Brug af splejsningsmetoden til at fjerne hvert element fra et JavaScript-array.

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

Metode 4: Fjern element fra array med visse tilstande ved hjælp af filter()-metoden

Filtermetode bruges til at skabe et nyt array fra et givet array, der kun består af de elementer fra det givne array, som opfylder en betingelse sat af argumentfunktionen. For at fjerne elementer med filter()-metoden kan du angive elementerne på forskellige måder.

Eksempel: Eksemplet nedenfor bruger værdien af ​​filtermetoden til at fjerne elementer fra et JavaScript-array.

// JavaScript to illustrate filter() method function isPositive(value) {  return value>0; } funktion func() { lad filtreret = [101, 98, 12, -1, 848].filter(isPositiv);  console.log('Positive elementer i array: ' + filtreret); } func(); 

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

Metode 5: Fjern arrayelementer med indeks ved hjælp af Delete Operator

Det slet operatør returnerer en boolsk værdi, rigtigt, hvis elementet eller egenskaben fjernes fra arrayet eller objektet og falsk, hvis en funktion eller variabel sendes til at fjerne.

Eksempel: Nedenstående kode implementerer delete-operatoren for at fjerne elementer fra et array.

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

Metode 6: Fjern Array-elementer ved hjælp af Clear and Reset-metoden

Fjernelse af elementer fra et array ved hjælp af den manuelle clear and reset-tilgang enten ved at nulstille længden af ​​arrayet til 0 ved hjælp af length-egenskaben eller ved at tildele arrayet til et tomt array([]).

Eksempel: Dette eksempel forklarer, hvordan du kan implementere den klare og nulstillede tilgang i 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); 

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

Metode 7: Fjern Element fra Array ved hjælp af for() loop og ny array

Her en simpel for sløjfe vil blive kørt over arrayet og skubber alle elementer i det nye array undtagen det element, der skal fjernes.

Eksempel: Eksemplet nedenfor bruger for-løkken og a nyt array for at fjerne elementer fra et array.

let removeElement = (array, n) =>{ lad newArray = [];  for (lad 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 

Metode 8: Fjern Array Element ved hjælp af lodash _.remove Method

Brug lodash-biblioteket til at fjerne elementer fra et JavaScript-array. For at bruge lodash-biblioteket skal du installere det lokalt på dit system.

Eksempel: Denne kode implementerer _.fjerne() metode til lodash for at fjerne element fra et array.

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

Produktion:

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