Vad är skillnaden mellan '{}' och '[]' när du deklarerar en JavaScript-matris

Vad Ar Skillnaden Mellan Och Nar Du Deklarerar En Javascript Matris



Det är viktigt att förstå skillnaden mellan hakparenteser och hängslen i JavaScript för att kunna arbeta effektivt med arrayer och objekt. Även om båda datastrukturerna kan innehålla samlingar av data, finns det olika skillnader mellan dem. Matriser är ordnade listor med värden, medan objekt består av nyckel-värdepar. I JavaScript är syntaxen för att deklarera arrayer och objekt något annorlunda. Matriser deklareras med hakparenteser [ ], medan objekt deklareras med klammerparenteser { }.

Den här bloggen kommer att förklara skillnaden mellan lockiga hängslen och hakparenteser i JavaScript samtidigt som de deklarerar en array.

Vad är skillnaden mellan '{ }' och '[ ]' när du deklarerar en JavaScript-matris?

I JavaScript används klammerparenteser { } för att deklarera objekt medan hakparenteser [ ] kan användas för att deklarera en array. Elementen inom hakparenteserna separeras med kommatecken.







Låt oss se exempel för att skapa en array och ett objekt med hjälp av { } och [ ].



Exempel 1: Deklarera en matris med “[ ]” och “{ }”

Skapa en array som heter ' bara ” som lagrar programmeringsspråk:



var lång = [ 'HTML' , 'CSS' , 'JavaScript' , 'Node.js' , 'react.js' ] ;

Skriv ut arrayen på konsolen:





trösta. logga ( bara ) ;

Produktion



Försök nu att deklarera en array med hjälp av krulliga parenteser, det kommer att ge ' Syntaxfel ”:

Lockiga klammerparenteser {} används vanligtvis för att deklarera objekt, som är en typ av datastruktur som kan lagra en samling nyckel-värdepar.

Exempel 2: Deklarera ett objekt med '{ }' och '[ ]'

Skapa ett objekt som heter ' timme info ” som lagrar elevinformationen i nyckel-värdepar:

konst timme info = { id : 1 , namn : 'Stefan' , ålder : 18 } ;

Skriv ut objektet på konsolen med ' console.log() ' metod:

trösta. logga ( timme info ) ;

Produktion

Om vi ​​försöker lagra nyckel-värdepar i [ ] notation, kommer det att ge ett fel:

Det är värt att notera att du kan använda ett objekt för att simulera en arrayliknande datastruktur i JavaScript, men det är inte en sann array och kanske inte har samma metoder och egenskaper som en faktisk array.

Slutsats

De lockiga klammerparenteserna { } används för att deklarera objekt medan hakparenteser [ ] kan användas för att deklarera en array. [ ] är standardsättet att deklarera en array i JavaScript och används ofta medan { } används för att deklarera objekt, som liknar arrayer men har vissa skillnader. Objekt är en samling/grupp av nyckel-värdepar, medan arrayer är en samling ordnade värden. Den här bloggen förklarade skillnaden mellan lockiga hängslen och hakparenteser i JavaScript samtidigt som de deklarerade en array.