配列とオブジェクトを理解しよう

配列とオブジェクトはJavaScriptでよく使われるデータ構造です。
配列は値を順番に管理するため、オブジェクトはキーと値の組み合わせで管理するために使います。
配列は商品一覧、オブジェクトは商品情報のまとまりといったイメージです。
両方理解すると扱えるデータの幅が一気に広がります。

配列とオブジェクトの実践例

商品リスト、会員データ、アンケートの回答など、現場では必ずといっていいほど登場します。
配列に新しい値を追加するpush、要素を取り出すインデックスアクセス、オブジェクトの値を取得するドット記法、ブラケット記法など基礎を押さえておきましょう。

See the Pen 配列とオブジェクト入門 by Syo Yanai (@h1-tech-japan) on CodePen.

まずは触りながら覚えるのが近道

配列もオブジェクトも知識だけでは身につきにくいため、実際にCodePenで配列の中身を書き換えたり、オブジェクトから値を読み取ってみたりすることで理解が深まります。