【JavaScript】オブジェクトにプロパティを追加・削除する方法

@ハクト 2022-07-29 12:52:37に投稿

JavaScriptでオブジェクトにプロパティを追加・削除する方法となります。

追加する方法

let user={
  id:1,
  name:'test_user'
};

user.email='aaa@test.com'; //ピリオド指定で追加
user['age']=20;            //括弧[]指定で追加

console.log(user);  
//{id: 1, name: 'test_user', email: 'aaa@test.com', age: 20}

上記では「email」と「age」を「オブジェクト.プロパティ名」または「オブジェクト[プロパティ名]」に値を代入し追加しています。

削除する方法

delete user.email; //ピリオド指定で削除
delete user['age'];  //括弧[]指定で削除
console.log(user);  
//{id: 1, name: 'test_user'}

削除には「delete」演算子を使用します。

delete オブジェクト.プロパティ名
delete オブジェクト[プロパティ名]

で削除できます。

@ハクト

サービス作り・デザイン好き。70年代生まれのWEBエンジニア。WEBパーツをCSSでカスタマイズしてコピペできるサービスを運営中「Pa-tu」。実装したWEBパーツやツールを利用してWEB情報やライフハックを発信してます。

Twitter