Hvordan slå sammen matriser i JavaScript

En samling av elementer eller elementer kalles en Array. Arrays kan lagre data som elementer, og så kan du få tilgang til dem når det er nødvendig. Det er en datastruktur som vanligvis brukes på forskjellige programmeringsspråk, inkludert JavaScript.

Det eksisterer sjanser for at du måtte trenge slå sammen matriser hvis dataene kommer fra flere strømmer. I en slik situasjon kan du kombinere alle elementene i forskjellige matriser til en enkelt matrise. JavaScript støtter Uforanderlig og Mutable sammenslåing av matriser, og hver tilnærming er basert på spesifikke metoder.

Denne oppskrivningen vil forklare prosedyren for å slå sammen matriser i JavaScript ved hjelp av passende eksempler. Så la oss starte!

Hvordan slå sammen matriser i JavaScript

JavaScript tilbyr to måter å slå sammen matriser: Uforanderlig sammenslåing og mutbar sammenslåing.

Uforanderlig sammenslåing av matriser

Ved uforanderlig sammenslåing opprettes det en ny matrise etter sammenslåing av elementene i de spesifiserte matriser. JavaScript “spre”Operatør og“Array.concat ()”Metode brukes for uforanderlig sammenslåing av matriser.

Mutabel sammenslåing av matriser

Den mutable metoden for å slå sammen matriser brukes til å utføre sammenslåing av operasjonen til en eksisterende matrise. “Array.trykk()”Metode kan brukes til å skyve elementene i en matrise til en annen.

La oss nå sjekke prosedyren for å bruke hver av de spesifiserte metodene i JavaScript.

Hvordan slå sammen matriser i JavaScript ved hjelp av spredningsoperatør

Spredningsoperatøren ble introdusert i ES6, representert av tre påfølgende prikker “.. ”. Det brukes til å ødelegge matriser og slå dem sammen.

Syntaks for å bruke spredningsoperatør for sammenslåing av matriser i JavaScript

I syntaksen under gitt, må du spesifisere matriser som må slås sammen med spredningsoperatøren “.. ”, I matrisen bokstavelig”[]”:

const MergedArray = [… Array1,… Array2];

Her vil JavaScript generere en ny “sammenslåing”Som omfatter elementene i“Array1”Og“Array2”.

Eksempel: Hvordan slå sammen matriser i JavaScript ved hjelp av spredningsoperatør

Først av alt vil vi lage to matriser som heter “Jenter”Og“Gutter,”Som vil ha følgende elementer:

const jenter = ['Marie', 'Stepheny'];
const gutter = ['alex', 'max'];

I neste trinn vil vi bruke JavaScript -spredningsoperatøren for å slå sammen “Jenter”Og“Gutter”Array -elementer til en ny”mennesker”Array:

const People = [… jenter,… gutter];
konsoll.logg (mennesker);

Utførelse av det ovennevnte programmet vil vise følgende utgang:

Rekkefølgen du spesifiserer matriser i matrisen bokstavelig betyr noe, da elementene vil bli slått sammen i samme sekvens som matriser legges til. Så du kan velge om du vil sette inn elementene før eller etter de andre arrayelementene.

For eksempel ønsker vi å slå sammen begge matrisene, "Jenter”Og“Gutter,”Bruker spredningsoperatøren på en slik måte at elementene i“Gutter”Array kommer før“Jenter”Array -elementer. For dette formålet vil vi spesifisere “Gutter" før "Jenter”Array i matrisen bokstavelig:

const jenter = ['Marie', 'Stepheny'];
const gutter = ['alex', 'max'];
const People = [… gutter,… jenter];
konsoll.logg (mennesker);

Produksjon

Som du kan se, startindeksen for “mennesker”Array inneholder“Gutter”Array Element, og etter det refererer andre indekser”Jenter”Array -elementer.

Hvordan slå sammen matriser i JavaScript ved hjelp av concat () -metode

“concat ()”Er en av de mest nyttige JavaScript -metodene, og den brukes først og fremst for å slå sammen flere matriser til en ny matrise.

Syntaks av concat () -metode i JavaScript

Hvis du vil slå sammen matriser ved hjelp av JavaScript “concat ()”Metode, da er dette de to formene for Concat () Method Syntax:

const MergedArray = Array1.concat (array2);

ELLER

const MergedArray = [].Concat (Array1, Array2);

I den første formen, "concat ()”Metoden vil slå sammen elementene i“Array2”I“Array1”, Mens i den andre syntaksform,”Array1”Og“Array2”Elementer blir slått sammen til et tomt utvalg.

Eksempel: Hvordan slå sammen matriser i JavaScript ved hjelp av concat () -metode

Følgende eksempel vil slå sammen elementene i “Jenter”Array med“Gutter”Ved å bruke“Array.concat ()”Metode:

const jenter = ['Marie', 'Stepheny'];
const gutter = ['alex', 'max'];
const folk = jenter.concat (gutter);
konsoll.logg (mennesker);

Ta en titt på den undergitte utgangen:

Nå vil vi utføre det samme eksemplet, mens vi bruker den andre syntaksen til Concat () -metoden:

const jenter = ['Marie', 'Stepheny'];
const gutter = ['alex', 'max'];
const People = [].Concat (jenter, gutter);
konsoll.logg (mennesker);

Det gitte JavaScript -programmet vil også slå sammen de spesifiserte matriser på samme måte:

Hvordan slå sammen matriser i JavaScript ved hjelp av push () -metoden

Hvis du vil slå sammen arrayelementer, er alt du trenger å bruke JavaScript "trykk()”Metode. Ved å bruke denne metoden, kan du enkelt slå sammen flere matriser i en eksisterende matrise.

Syntaks av push () -metode i JavaScript

Array1.Push (... Array2);

Å presse elementene i “Array2”I“Array1”, Du må bruke spredt operatør”.. ”Til argumentene.

Eksempel: Slå sammen matriser i JavaScript ved hjelp av Push () -metode

Følgende eksempel vil bruke "Array.trykk()”Metode for å slå sammen eller skyve elementene i“Jenter”Array In“Gutter”Array:

const jenter = ['Marie', 'Stepheny'];
const gutter = ['alex', 'max'];
Gutter.Push (… jenter);
konsoll.logg (gutter);

Nå, sjekk ut elementsekvensen til “Gutter”Array:

Legger til “spre”Operatøren er viktig mens du gir argumentene til“trykk()”Metode, ellers,“trykk()”Metoden vil legge til“Jenter”Array som helhet til“Gutter”Array:

const jenter = ['Marie', 'Stepheny'];
const gutter = ['alex', 'max'];
Gutter.Push (jenter);
konsoll.logg (gutter);

Gitt utgang betyr at etter utførelsen av push () -metoden, "Jenter”Array legges til som en helhet ved den andre indeksen for“Gutter”Array:

Det er all den essensielle informasjonen om sammenslåing av matriser i JavaScript ved hjelp av den mutable og uforanderlige metoden. Nå kan du utforske dem videre i henhold til dine krav.

Konklusjon

For å slå sammen matriser i JavaScript, kan du bruke Array.concat () metode eller spredt operatør [… Array1, ... Array2], i arrayen bokstavelig “[]” for å slå sammen matriser på en uforanderlig måte (Opprette en ny matrise). Imidlertid, hvis du vil slå sammen de spesifiserte matriseelementene i en eksisterende matrise, kan du bruke Array.trykk() Metode. Denne artikkelen forklarte prosedyren for å slå sammen matriser i JavaScript ved hjelp av passende eksempler.