Hvordan legge til objekt til matrise i JavaScript

Når JavaScript -matriser automatisk endrer størrelse når du legger til varer til dem, trenger du ikke å bekymre deg for at de er fulle. Indeksering kan brukes til å enkelt få tilgang til ethvert element som er til stede i en matrise. JavaScript tilbyr flere innebygde metoder som er ideelle for å legge til varer til matriser. I denne detaljerte veiledningen vil vi gå gjennom metodene som kan brukes til å legge til objekter til matriser i JavaScript.

Hvordan legge til objekt til matrise i JavaScript

Den enkleste måten et objekt eller en hvilken som helst annen type element kan legges til en JavaScript -matrise er indeksering. Du kan bare tilordne objektet til en indeks av matrisen, og hvis det allerede er et element der, vil det bli erstattet av det nye objektet:

La obj = "navn": "John doe", "id": 3;
La arr = ["name": "Richard Roe", "id": 1, "navn": "John Smith", "id": 2];
arr [2] = obj;
konsoll.logg (arr);

Denne metoden er ganske enkel, men det er vanskelig å kjenne indeksene og størrelsen på matriser, så vi må se etter noen andre metoder som kan brukes til å legge til objekter til matriser. De mest kjente, praktiske og brukervennlige metodene er trykk(), unshift () og Splice (). Deres funksjonalitet er litt forskjellige, men noen av disse metodene kan brukes. La oss se på hvordan disse er forskjellige:

Array.Push () Metode

Matrisen.Push () Metode tar elementer som parametere og legger dem til slutten av matrisen og returnerer den nye størrelsen på matrisen:

La obj = "navn": "John doe", "id": 3;
La arr = ["name": "Richard Roe", "id": 1, "navn": "John Smith", "id": 2];
arr.push (obj);
konsoll.logg (arr);

Array.unshift () -metode

Matrisen.Unshift () -funksjonen er det motsatte av push -metoden da den legger elementer til begynnelsen av matrisen. I likhet med push -metoden kan det ta ett eller flere elementer som parametere og legge dem til en matrise:

La obj = "navn": "Richard Roe", "id": 1;
La arr = ["name": "John Smith", "id": 2, "name": "John doe", "id": 3];
arr.unshift (obj);
konsoll.logg (arr);

Array.Splice () -metode

Matrisen.Splice () -metoden er litt annerledes, da den kan brukes til både å slette og sette inn elementer fra en gitt indeks. Det tar tre argumenter, indeksen, ingen av elementer å slette og det nye elementet som skal legges til:

La obj = "navn": "John doe", "id": 3;
La arr = ["name": "Richard Roe", "id": 1, "navn": "John Smith", "id": 2];
arr.Splice (2, 0, OBJ)
konsoll.logg (arr);

Vi har gitt 0 som den andre parameteren, da vi ikke vil slette noen elementer fra det eksisterende utvalget.

Ytterligere nyttige metoder

JavaScript tilbyr også mange andre nyttige metoder for å manipulere matriser, objekter og objekter som er til stede i matriser. Matrisen.Bruk () og matrisen.concat () er to av slike funksjoner som kan være nyttige i vårt tilfelle.

Matrisen.Apply () Metode kan brukes til å kombinere innholdet i matriser. Så hvis du har to forskjellige matriser som inneholder objekter og du vil legge til gjenstandene til en matrise til en annen, trenger du ikke å gjøre det manuelt en etter en. Du kan bare bruke Apply () -metoden. Dessuten, hvis du trenger en ny matrise som skal dannes fra innholdet i den eksisterende matrisen, kan du bruke Concat () -funksjonen.

Konklusjon

Push-, unshift- og spleisemetodene kan brukes til å legge til objekter i JavaScript -matriser. Push Method legger til objekter til slutten, UNSHIFT -metoden legger objekter til starten, og spleisemetoden legger dem til en gitt indeks av matrisen. Alle disse metodene er omfattende forklart i guiden over.