Ano ang Pagkakaiba sa pagitan ng '{}' at '[]' Habang Nagdedeklara ng JavaScript Array

Ano Ang Pagkakaiba Sa Pagitan Ng At Habang Nagdedeklara Ng Javascript Array



Ang pag-unawa sa pagkakaiba sa pagitan ng mga square bracket at curly braces sa JavaScript ay mahalaga para sa epektibong pagtatrabaho sa mga array at object. Bagama't ang parehong istruktura ng data ay maaaring maglaman ng mga koleksyon ng data, may iba't ibang pagkakaiba sa pagitan ng mga ito. Ang mga array ay nakaayos na listahan ng mga value, habang ang mga object ay binubuo ng mga key-value pairs. Sa JavaScript, ang syntax para sa pagdedeklara ng mga array at object ay bahagyang naiiba. Ang mga array ay idineklara na may mga square bracket [ ], habang ang mga bagay ay idineklara gamit ang curly braces { }.

Ipapaliwanag ng blog na ito ang pagkakaiba sa pagitan ng mga curly brace at square bracket sa JavaScript habang nagdedeklara ng array.

Ano ang Pagkakaiba sa pagitan ng “{ }” at “[ ]” Habang Nagdedeklara ng JavaScript Array?

Sa JavaScript, ang mga kulot na brace { } ay ginagamit para sa pagdedeklara ng mga bagay habang ang mga square bracket [ ] ay maaaring gamitin upang magdeklara ng array. Ang mga elemento sa loob ng mga square bracket ay pinaghihiwalay ng mga kuwit.







Tingnan natin ang mga halimbawa upang lumikha ng array at object gamit ang { } at [ ].



Halimbawa 1: Magdeklara ng Array Gamit ang “[ ]” at “{ }”

Gumawa ng array na pinangalanang ' lang ” na nag-iimbak ng mga programming language:



ay mahaba = [ 'HTML' , 'CSS' , 'JavaScript' , 'Node.js' , 'react.js' ] ;

I-print ang array sa console:





console. log ( lang ) ;

Output



Ngayon, subukang magdeklara ng isang array gamit ang mga kulot na bracket, magbibigay ito ng ' SyntaxError ”:

Ang mga kulot na brace {} ay karaniwang ginagamit upang magdeklara ng mga bagay, na isang uri ng istruktura ng data na maaaring mag-imbak ng isang koleksyon ng mga pares ng key-value.

Halimbawa 2: Ipahayag ang isang Bagay Gamit ang “{ }” at “[ ]”

Lumikha ng isang bagay na pinangalanang ' impormasyon ng oras ” na nag-iimbak ng impormasyon ng mag-aaral sa mga pares ng key-value:

const impormasyon ng oras = { id : 1 , pangalan : 'Stephen' , edad : 18 } ;

I-print ang bagay sa console gamit ang “ console.log() 'paraan:

console. log ( impormasyon ng oras ) ;

Output

Kung susubukan naming mag-imbak ng mga pares ng key-value sa [ ] notation, magbibigay ito ng error:

Kapansin-pansin na maaari kang gumamit ng object para gayahin ang isang array-like na istraktura ng data sa JavaScript, ngunit hindi ito isang tunay na array, at maaaring hindi lahat ng parehong pamamaraan at katangian bilang isang aktwal na array.

Konklusyon

Ang mga kulot na brace { } ay ginagamit para sa pagdedeklara ng mga bagay habang ang mga square bracket [ ] ay maaaring gamitin upang magdeklara ng array. Ang [ ] ay ang karaniwang paraan upang magdeklara ng array sa JavaScript at karaniwang ginagamit habang ang { } ay ginagamit upang magdeklara ng mga bagay, na katulad ng mga array ngunit may ilang pagkakaiba. Ang mga bagay ay isang koleksyon/pangkat ng mga pares ng key-value, habang ang mga array ay isang koleksyon ng mga nakaayos na value. Ipinaliwanag ng blog na ito ang pagkakaiba sa pagitan ng mga curly brace at square bracket sa JavaScript habang nagdedeklara ng array.