はじめに
JavaScriptを学び始めた際、「データのまとめかた」といった点で、配列(array)、オブジェクト(object)の違いがいまいち分からず、どちらを使うのが最適か迷うことがあったのでまとめました。
結論
配列(array):順番がついているデータのリスト
オブジェクト(object):名前がついたリスト
配列(array)とは?
データを「順番(インデックス番号)」で管理するデータ構造です。
入っているデータを0から始まる順番(インデックス)を指定して取り出すことができます。
// 配列の定義
const fruits = ["りんご", "いちご", "みかん", "ぶどう"];
// 0番目の要素を取得(一番最初のデータ)
console.log(fruits[0]); // 出力: りんご
// 2番目の要素を取得
console.log(fruits[2]); // 出力: みかん
配列まとめ
・配列はデータに順番が必要なときに使用
・データを出力するときは 配列名[番号]
・最初は1からではなく0から!
オブジェクト(object)とは?
データに対して、「名前(キー)」と「値(バリュー)」をペアで管理する。
値(バリュー)を名前(キー)を使用することで取り出すことができます。
//オブジェクトの定義
const user = {name:"田中太郎", age:20, hobby:"映画鑑賞"};
//キーを使ってデータを取得
console.log(user.name); //田中太郎
console.log(user.age); //20
console.log(user["hobby"]); //映画鑑賞
オブジェクトまとめ
・オブジェクトはデータに名前(キー)を持たせたいときに使用
・データを出力するときは オブジェクト名.名前(キー) or オブジェクト名["キー(名前)"]
・データを入れる順番は関係ない!
最後に
配列、オブジェクトの違いを簡単に表にしてみました。
| 項目 | 配列(Array) | オブジェクト(Object) |
|---|---|---|
| データの並び | 順番がある(0, 1, 2...) | 順番は関係ない |
| 取り出し方 |
fruits[0] (番号で指定) |
user.name (キー名で指定) |
| イメージ | 出席番号順のリスト | プロフィール帳 |
誰かの参考、知識になれば嬉しいです!
最後まで読んでいただきありがとうございました!