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.
Dette er følgende metoder for å løse dette problemet:
Innholdsfortegnelse
- Bruker for loop og push() metode
- Bruker Pop()-metoden
- Bruker shift()-metoden
- Bruke spleise()-metoden
- Bruker filter()-metoden
- Bruker delete Operator
- Bruke Lodash _.remove()-metoden
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 ]