技術ブログ

プログラミング、IT関連の記事中心

JavaScriptのObject型(オブジェクト型)の操作

目次

オブジェクト型とは

以下の様な「{}」で囲われたKeyとValue(プロパティ)で構成されている変数(定数)の事です。

const obj = {
  key1: 'val1',
  key2: 'val2',
  key3: 'val3',
};

オブジェクト型の宣言

以下の様に通常の変数(定数)宣言の形式で宣言が可能です。
{}」で囲った「Key: Value」形式になります。

const obj = {
  key1: 'val1',
  key2: 'val2',
  key3: 'val3',
}; 


スポンサードリンク



オブジェクト型に値を追加

オブジェクト型に値を追加する方法は「オブジェクト変数名.Key名 = Value値」の形式にする事で値の追加が可能です。

const obj = {
  key1: 'val1',
  key2: 'val2',
  key3: 'val3',
}; 

obj.hogehoge = "sample";

console.log(obj);
/*
{
  key1: 'val1',
  key2: 'val2',
  key3: 'val3',
  hogehoge: 'sample',
}
*/

オブジェクト型に値を追加(Keyを変数にする方法)

オブジェクト型に値を追加」の方法では、Keyを変数から取得する事が出来ません。
オブジェクト変数名[Keyの変数名] = Value値」の形式にする事でKeyを変数から取得して追加が可能です。

const obj = {
  key1: 'val1',
  key2: 'val2',
  key3: 'val3',
}; 

const key = "hogehoge";
obj[key] = "sample";

console.log(obj);
/*
{
  key1: 'val1',
  key2: 'val2',
  key3: 'val3',
  hogehoge: 'sample',
}
*/

オブジェクト型の値取得

オブジェクト型から値を取得する場合には「オブジェクト変数名.Key名」「オブジェクト変数名[Key名]」のどちらかの方法で取得が可能です。

const obj = {
  key1: 'val1',
  key2: 'val2',
  key3: 'val3',
}; 


console.log(obj.key1);
console.log(obj['key1']);


スポンサードリンク



オブジェクト型から特定のプロパティ削除

オブジェクト型からプロパティを削除する場合には「delete オブジェクト変数名.Key名」で削除する事が可能です。

const obj = {
  key1: 'val1',
  key2: 'val2',
  key3: 'val3',
}; 

delete obj.key1;
console.log(obj);
/*
{
  key2: 'val2',
  key3: 'val3',
} 
*/