sai_dive IL

学んだことのアウトプットブログ

【JavaScript】オブジェクト

オブジェクトとは?

  • 関連のあるデータと機能の集合

構成要素

  • 変数(プロパティ)
  • 関数(メソッド)

オブジェクトの作り方、使い方

例  オブジェクトの作り方
let user = new Object();
user.name = 'sai';
user.birthplace = 'japan';

console.log(user);
#=>
{
  birthplace: "japan",
  name: "sai"
}

オブジェクト初期化子

let user = { name: 'sai', birthplace: 'japan' };

console.log(user);
#=>
{
  birthplace: "japan",
  name: "sai"
}

例  オブジェクトの使い方
ドット記述法
console.log(user.name);
#=>"sai"
console.log(user.birthplace);
#=>"japan"


ブラケット記法
console.log(user['name']);
#=>"sai"
console.log(user['birthplace']);
#=>"japan"

個数
構文
Object.keys(変数名).length;

プロパティ(key)を取得
構文
Object.keys(変数名);

プロパティ(key)を追加
構文
変数名.プロパティ = 値;
変数名['プロパティ'] = 値;

値を更新
構文
変数名.プロパティ = 更新する値;
変数名['プロパティ'] = 更新する値;

結合 assain
構文
Object.assain(obj1, obj2);

空のオブジェクト
構文
let 変数名 = {};