1
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

配列(array)とオブジェクト(object)の違い

1
Posted at

はじめに
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 (キー名で指定)
イメージ 出席番号順のリスト プロフィール帳

誰かの参考、知識になれば嬉しいです!
最後まで読んでいただきありがとうございました!

1
0
1

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
1
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?