Hvordan fjerner jeg et objekt fra et array med JavaScript?

Hvordan Fjerner Jeg Et Objekt Fra Et Array Med Javascript



Udviklere skal muligvis fjerne et objekt fra et array i JavaScript i mange situationer, såsom når de vil opdatere eller ændre data fra en liste for at organisere det i en ønsket rækkefølge eller fjerne unødvendige elementer og så videre. Mere specifikt kan fjernelse af et objekt fra et array hjælpe med at forbedre ydeevnen ved at reducere størrelsen af ​​arrayet, især i situationer, hvor arrayet er stort eller komplekst. Der er flere måder i JavaScript at gøre dette på, herunder ' splejs () 'metoden, ' filter() '-metoden eller ' pop() ” metode.

Denne artikel vil demonstrere metoderne til at fjerne et objekt fra et array med JavaScript.

Hvordan fjerner/sletter man et objekt fra et array med JavaScript?

Brug følgende metoder til at fjerne et objekt fra et array:







Metode 1: Fjern et objekt fra et array ved hjælp af shift()-metoden

Det ' flytte() ”-metoden bruges til at fjerne et element eller objekt fra begyndelsen af ​​et array. Det sletter det første element i et array og ændrer det originale array ved at opdatere indekserne for alle resterende elementer. Det er en statisk metode til ' Array ” objekt.



Syntaks
Den givne syntaks bruges til at fjerne det første objekt fra et array:



array. flytte ( ) ;

Eksempel
Opret en række objekter med navnet ' arrObj ”:





konst arrObj = [
{ navn : 'Stor' , alder : 28 } ,
{ navn : 'Covey' , alder : 26 } ,
{ navn : 'Stephen' , alder : 27 } ,
{ navn : 'Rohnda' , alder : 25 } ,
{ navn : 'Mike' , alder : 22 }
] ;

Kald shift()-metoden for at fjerne det første objekt i en matrix og gemme dem i variabel ' fjerneObj ”:

var fjerneObj = arrObj. flytte ( ) ;

Udskriv det fjernede objekt på konsollen:



konsol. log ( fjerneObj ) ;

Udskriv til sidst det resterende array ved hjælp af ' console.log() ” metode:

konsol. log ( arrObj ) ;

Det kan observeres, at det første objekt i arrayet, hvis nøgle-værdi-par er ' {navn: 'Mari', alder: 28} ' fjernes og returneres som værdien af ​​' fjerneObj ”. Det originale array bliver derefter ændret og dets indekser opdateret, så det næste objekt i arrayet bliver det første objekt:

Metode 2: Fjern et objekt fra et array ved hjælp af splice()-metoden

Hvis du vil fjerne et objekt fra et bestemt indeks, skal du bruge ' splejs () ” metode. Det tager to parametre som argument. Det ændrer/ændrer det originale array og udsender et nyt array.

Syntaks
Nedenstående syntaks bruges til at fjerne det angivne objekt fra et array:

array. splejsning ( indeks , deleteCount ) ;

I ovenstående syntaks:

  • indeks ” er det specifikke indeks for det element, som vil blive fjernet.
  • deleteCount ” er optællingen af, hvor mange elementer der vil blive fjernet. Hvis denne værdi er 0, fjernes ingen elementer.

Eksempel
Kald splice() metoden ved at sende indekset ' 2 ” for at fjerne det 3. objekt fra et array. “ 1 ' angiver, at kun ét objekt vil blive slettet fra et array:

var fjerneObj = arrObj. splejsning ( 2 , 1 ) ;

Som du kan se, at det 3. objekt, der indeholder nøgleværdien ' {navn: Stephen', alder: 27} ' er blevet fjernet fra et array:

Metode 3: Fjern et objekt fra et array ved hjælp af pop()-metoden

For at fjerne det sidste objekt fra et array skal du bruge ' pop() ” metode. Det er en indbygget metode i Array-objektet, der åbner det sidste element fra et array.

Syntaks
Følg nedenstående syntaks for at fjerne det sidste objekt fra et array:

array. pop ( ) ;

Eksempel
Kald pop()-metoden for at fjerne det sidste objekt fra et array:

var fjerneObj = arrObj. pop ( ) ;

Produktion

Vi har samlet alle metoderne til at fjerne/slette et objekt fra et array i JavaScript.

Konklusion

For at fjerne et objekt fra et array skal du bruge ' flytte() 'metode', ' splejs () '-metoden eller ' pop() ” metode. Shift()-metoden bruges til at fjerne det første objekt fra et array, pop()-metoden vil fjerne det sidste objekt, og splice()-metoden fjerner ethvert specificeret objekt. Denne artikel demonstrerede metoderne til at slette et objekt fra et array med JavaScript.