JavaScript配列を宣言する際の「{}」と「[]」の違いは何ですか

Javascript Pei Liewo Xuan Yansuru Jino To No Weiiha Hedesuka



JavaScript の角かっこと中かっこの違いを理解することは、配列とオブジェクトを効果的に操作するために重要です。どちらのデータ構造もデータのコレクションを保持できますが、両者にはさまざまな違いがあります。配列は値の順序付けられたリストですが、オブジェクトはキーと値のペアで構成されます。 JavaScript では、配列とオブジェクトを宣言するための構文が少し異なります。配列は角括弧 [ ] で宣言され、オブジェクトは中括弧 { } で宣言されます。

このブログでは、配列を宣言する際の JavaScript の中括弧と角括弧の違いについて説明します。

JavaScript 配列を宣言する際の「{ }」と「[ ]」の違いは何ですか?

JavaScript では、中括弧 { } はオブジェクトの宣言に使用され、角括弧 [ ] は配列の宣言に使用できます。角括弧内の要素はコンマで区切られます。







{ } と [ ] を使用して配列とオブジェクトを作成する例を見てみましょう。



例 1: 「[ ]」と「{ }」を使用して配列を宣言する

「」という名前の配列を作成します ただ プログラミング言語を格納する 」:



長かった = [ 「HTML」 「CSS」 「ジャバスクリプト」 「Node.js」 「react.js」 ] ;

コンソールに配列を出力します。





コンソール。 ログ ( ただ ) ;

出力



ここで、中括弧を使用して配列を宣言しようとすると、「 構文エラー 」:

中かっこ {} は通常、キーと値のペアのコレクションを格納できるデータ構造の一種であるオブジェクトを宣言するために使用されます。

例 2: 「{ }」と「[ ]」を使用してオブジェクトを宣言する

「」という名前のオブジェクトを作成します 時間情報 」で学生情報をキーと値のペアで保存します。

定数 時間情報 = { ID : 1 、 名前 : 「スティーブン」 、 年 : 18 } ;

「」を使用してコンソールにオブジェクトを出力します console.log() ' 方法:

コンソール。 ログ ( 時間情報 ) ;

出力

キーと値のペアを [ ] 表記で保存しようとすると、エラーが発生します。

オブジェクトを使用して JavaScript で配列のようなデータ構造をシミュレートできることは注目に値しますが、これは真の配列ではなく、実際の配列と同じメソッドとプロパティをすべて持っているわけではありません。

結論

中括弧 { } はオブジェクトの宣言に使用され、角括弧 [ ] は配列の宣言に使用できます。 [ ] は JavaScript で配列を宣言する標準的な方法であり、{ } がオブジェクトを宣言するために使用されるのに対して一般的に使用されます。これは配列に似ていますが、いくつかの違いがあります。オブジェクトはキーと値のペアのコレクション/グループですが、配列は順序付けられた値のコレクションです。このブログでは、配列を宣言する際の JavaScript の中括弧と角括弧の違いについて説明しました。