Hvordan utvide en eksisterende JavaScript -matrise med en annen matrise, uten å lage en ny matrise

Å lage en ny matrise krever tildeling av nytt minne, som bruker et stort antall ressurser og tid. I tillegg, hvis matrisen brukes i andre deler av applikasjonen, vil det å opprette en ny matrise å oppdatere alle referanser til den originale matrisen. Mer spesifikt, å utvide matrisen uten å lage en ny, lar utvikleren legge til nye elementer til matrisen uten å pådra seg disse kostnadene.

Denne artikkelen vil definere metodene for å utvide den eksisterende matrisen med en annen matrise uten å lage/definere en ny matrise i JavaScript.

Hvordan utvide en eksisterende matrise med en annen matrise, uten å lage/definere en ny matrise?

For å utvide en matrise uten å lage en ny matrise, bruk følgende metoder:

• • Push () Metode med spredningsoperatøren
  • Push () Metode med anvendelse () -metode

Metode 1: Utvid en eksisterende matrise med en annen matrise, uten å lage/definere en ny matrise ved hjelp av "push ()" -metode med spredningsoperatør

Bruke "trykk()”Metode med“spredt operatør”For å utvide matrisen uten å lage en ny matrise. "Spredt operatør" kopierer alle elementene i matrisen og skyver i den eksisterende matrisen ved hjelp av "push ()" -metoden.

Syntaks

Følg den undergitte syntaks for push () -metoden med spredningsoperatøren for å utvide matrisen:

Array1.Push (... Array2)

I syntaks ovenfor kopierer spredningsoperatøren (...) elementene i "Array2”Og skyver dem til“Array1”.

Eksempel

Lag en rekke farger:

const array1 = ['rød', 'blå'];

Opprett en annen matrise kalt “Array2”Av blomster:

const array2 = ['rose', 'Violet'];

Nå, trykk Array2 til Array1 ved hjelp av push () -metoden med spredningsoperatøren:

Array1.Push (... Array2);

Skriv ut den eksisterende utvidede array1 på konsollen:

konsoll.Logg (Array1);

Det kan sees at Array1 har blitt utvidet med hell ved å legge til Array2 -elementer:

Metode 2: Utvid en eksisterende JavaScript -matrise med en annen matrise, uten å lage en ny matrise ved å bruke "Push ()" -metode med "Apply ()" -metode

Du kan også bruke "trykk()”Metode med“søke om()”Metode for å utvide matrisen. Apply () -metoden tar begge matriser som et argument og skyver elementene sine inn i det eksisterende utvalget.

Syntaks

Bruk følgende syntaks for å utvide matrisen ved hjelp av Apply () -metoden med PUSH () -metoden:

Array1.trykk.Bruk (Array1, Array2)

Eksempel

Ring Apply () -metoden ved å passere begge matriser “Array1”Og“Array2”Med push () -metoden for å utvide Array1 ved å legge til Array2s elementer:

Array1.trykk.Bruk (Array1, Array2);

Til slutt, skriv ut den resulterende matrisen på konsollen:

konsoll.Logg (Array1);

Produksjon

Det handler om en matrise utvidelse uten å lage en ny matrise i JavaScript.

Konklusjon

For å utvide en matrise uten å lage en ny matrise, bruk "trykk() metode med spredt operatør" eller "trykk() metode med søke om() metode". Spredningsoperatøren kopierer elementer i den andre matrisen og skyver dem inn i den første eksisterende matrisen. I denne artikkelen definerte vi metodene for å utvide matrisen med en annen matrise uten å lage/definere en ny matrise i JavaScript.