Forskellige måder at slette et element fra et array ved hjælp af JavaScript

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.

diff-måder-til-slette-et-emne-fra-array

Disse er følgende metoder til at løse dette problem:

Indholdsfortegnelse

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 ]