Forskellige måder at slette et element fra et array ved hjælp af JavaScript
I Javascript har vi ikke nogen array.remove()-metode til at slette elementet. vi vil have et array, og vi skal slette et givet element fra det array og returnere det resulterende array i konsollen.
Disse er følgende metoder til at løse dette problem:
Indholdsfortegnelse
- Brug for loop og push() metode
- Bruger Pop() metoden
- Brug af metoden shift().
- Brug af splice()-metoden
- Brug af filter()-metoden
- Brug af delete-operatør
- Brug af Lodash _.remove()-metoden
Bemærk: Der er nogle andre metoder, der er skabt af indbyggede JavaScript-metoder.
Metode 1: Ved brug af for sløjfe og skubbe () Metode
Denne metode vil ikke mutere det originale array. Først skal du oprette et tomt() array og derefter loope over det nye array og kun skubbe de elementer, du ønsker.
Eksempel: Dette eksempel viser den ovenfor forklarede tilgang.
Javascript
let arr = [> 'gfg'> ,> 'GFG'> ,> 'g'> ,> 'techcodeview.com'> ];> const arrayWithoutGFG = [];> for> (let i = 0; i if (arr[i] !== 'GFG') { arrayWithoutGFG.push(arr[i]); } } // arr is same console.log(arr); console.log(arrayWithoutGFG);> |
Produktion
[ 'gfg', 'GFG', 'g', 'techcodeview.com' ] [ 'gfg', 'g', 'techcodeview.com' ]
Metode 2: Brug Pop() metode
Denne metode bruges til at slette det sidste element i arrayet og returnere det slettede element som et output. Fjernelse af elementet reducerer længden af arrayet.
Eksempel: I dette eksempel bruges pop()-metoden til at slette elementet i et array.
Javascript
function> myFunc() {> > let arr = [> 'gfg'> ,> 'GFG'> ,> 'g'> ,> 'techcodeview.com'> ];> > let name = arr.pop();> > console.log(name);> > console.log(arr.length)> }> myFunc();> |
Produktion
techcodeview.com 3
Metode 3: Brug shift() metode
Denne metode bruges til at slette et element fra begyndelsen af et array. Denne metode bruges til at returnere det første element i et array. Det reducerer også længden af det originale array.
Eksempel: I dette eksempel bruges shift()-metoden til at slette det første element i en matrix.
Javascript
function> myFunc() {> > let arr = [> 'gfg'> ,> 'GFG'> ,> 'g'> ,> 'techcodeview.com'> ];> > let name = arr.shift();> > console.log(name);> > console.log(arr.length)> }> myFunc();> |
Produktion
gfg 3
Metode 4: Brug splice() Metode
Denne metode bruges til at slette det eksisterende element eller erstatte indholdet af arrayet ved at fjerne/tilføje et nyt element.
Eksempel: I dette eksempel vil splejsningsmetoden blive brugt til at slette elementet fra et array.
Javascript
function> myFunc() {> > let myFruit = [> 'apple'> ,> 'banana'> ,> 'grapes'> ,> 'strawberry'> ];> > const removed = myFruit.splice(2, 2,> 'guava'> );> > > // Removed element in the array> > console.log(removed);> > // Length of the original array after deleting> > console.log(myFruit.length);> > // Original array after deleting the array> > console.log(myFruit);> }> myFunc();> |
Produktion
[ 'grapes', 'strawberry' ] 3 [ 'apple', 'banana', 'guava' ]
Metode 5: Brug filter() metode
Denne metode returnerer det nye array. Det array-element, der opfylder funktionsbetingelsen, videregives kun til det nye array. Denne metode ændrer ikke det originale array.
Eksempel: I dette eksempel vil vi bruge filter()-metoden til at slette et element fra et array.
Javascript
const arr = [2, 7, 9, 15, 19];> function> isPrime(n) {> > for> (let i = 2; n>jeg; i++) {> > if> (n % i === 0) {> > return> false> ;> > }> > }> > return> n>1;> }> console.log(arr.filter(isPrime));> |
Produktion
[ 2, 7, 19 ]
Metode 6: Brug slet operatør
Denne operator bruges mere specifikt til at slette JavaScript-objektegenskaber.
Eksempel: I dette eksempel vil vi bruge JavaScript delete-operator til at slette elementer fra et array.
Javascript
const arr = [2, 7, 9, 15, 19];> delete> arr[3];> console.log(arr);> |
Produktion
[ 2, 7, 9, , 19 ]
Metode 7: Brug Lodash _.remove() metode
Det _.remove() metode bruges til at fjerne alle elementer fra arrayet, der prædikat returnerer True og returnerer de fjernede elementer.
Eksempel: Dette eksempel viser den ovenfor forklarede tilgang.
Javascript
const _ = require(> 'lodash'> );> let arr = [1, 2, 3, 4, 5];> let even = _.remove(arr,> function> (n) {> > return> n % 2 == 0;> });> console.log(> 'Original Array '> , arr);> console.log(> 'Removed element array '> , even);> |
Produktion:
Original Array [ 1, 3, 5 ] Removed element array [ 2, 4 ]