Ulike måter å slette et element fra en matrise ved hjelp av JavaScript

Ulike måter å slette et element fra en matrise ved hjelp av JavaScript

I Javascript har vi ingen array.remove()-metode for å slette elementet. vi vil ha en matrise og vi må slette et gitt element fra den matrisen og returnere den resulterende matrisen i konsollen.

diff-måter-å-slette-et-element-fra-array

Dette er følgende metoder for å løse dette problemet:

Innholdsfortegnelse

Merk: Det er noen andre metoder som er laget av JavaScript innebygde metoder.

Metode 1: Ved hjelp av for løkke og trykk () Metode

Denne metoden vil ikke mutere den opprinnelige matrisen. Først må du lage en tom() array og deretter gå over den nye arrayen og skyve bare de elementene du vil ha.

Eksempel: Dette eksemplet viser den ovenfor forklarte tilnærmingen.

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

Produksjon

[ 'gfg', 'GFG', 'g', 'techcodeview.com' ] [ 'gfg', 'g', 'techcodeview.com' ] 

Metode 2: Bruke Pop() metode

Denne metoden brukes til å slette det siste elementet i matrisen og returnere det slettede elementet som en utdata. Fjerning av elementet reduserer lengden på matrisen.

Eksempel: I dette eksemplet brukes pop()-metoden for å slette elementet i en matrise.

Javascript




function> myFunc() {> > let arr = [> 'gfg'> ,> 'GFG'> ,> 'g'> ,> 'techcodeview.com'> ];> > let name = arr.pop();> > console.log(name);> > console.log(arr.length)> }> myFunc();>

Produksjon

techcodeview.com 3 

Metode 3: Bruke shift() Metode

Denne metoden brukes til å slette et element fra begynnelsen av en matrise. Denne metoden brukes til å returnere det første elementet i en matrise. Det reduserer også lengden på den originale matrisen.

Eksempel: I dette eksemplet brukes shift()-metoden for å slette det første elementet i en matrise.

Javascript




function> myFunc() {> > let arr = [> 'gfg'> ,> 'GFG'> ,> 'g'> ,> 'techcodeview.com'> ];> > let name = arr.shift();> > console.log(name);> > console.log(arr.length)> }> myFunc();>

Produksjon

gfg 3 

Metode 4: Bruke spleise() Metode

Denne metoden brukes til å slette det eksisterende elementet eller erstatte innholdet i matrisen ved å fjerne/legge til et nytt element.

Eksempel: I dette eksemplet vil spleisemetoden bli brukt til å slette elementet fra en matrise.

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

Produksjon

[ 'grapes', 'strawberry' ] 3 [ 'apple', 'banana', 'guava' ] 

Metode 5: Bruke filter() Metode

Denne metoden returnerer den nye matrisen. De array-elementene som tilfredsstiller funksjonsbetingelsen blir bare gitt videre til den nye arrayen. Denne metoden endrer ikke den opprinnelige matrisen.

Eksempel: I dette eksemplet vil vi bruke filter()-metoden for å slette et element fra en matrise.

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

Produksjon

[ 2, 7, 19 ] 

Metode 6: Bruke slett operatør

Denne operatoren brukes mer spesifikt for å slette JavaScript-objektegenskaper.

Eksempel: I dette eksemplet vil vi bruke JavaScript delete-operator for å slette elementer fra en matrise.

Javascript




const arr = [2, 7, 9, 15, 19];> delete> arr[3];> console.log(arr);>

Produksjon

[ 2, 7, 9, , 19 ] 

Metode 7: Bruke Lodash _.remove() Metode

De _.remove()-metoden brukes til å fjerne alle elementer fra matrisen som predikatet returnerer True og returnerer de fjernede elementene.

Eksempel: Dette eksemplet viser den ovenfor forklarte tilnærmingen.

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

Produksjon:

Original Array [ 1, 3, 5 ] Removed element array [ 2, 4 ]