JavaScript

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

本記事では、JavaScriptのオブジェクトのプロパティを削除する方法について解説しています。

JavaScriptの学習におすすめ参考書
改訂3版JavaScript本格入門 ~モダンスタイルによる基礎から現場での応用まで

本書情報
出版社技術評論社
著者山田 祥寛
発売日2023/2/13
ページ数624ページ
レビュー
(Amazon)
(4件)
先輩くん
先輩くん
10万部突破したJavaScriptの本が大幅増補改訂し7年ぶりに発売されたよ!
後輩ちゃん
後輩ちゃん
最新の基本文法から、開発に欠かせない応用トピックまで学ぶことが出来るよ!

綺麗なコードが書けるようになる!
リーダブルコード-より良いコードを書くためのシンプルで実践的なテクニック

本書情報
出版社オライリージャパン
著者Dustin Boswell / Trevor Foucher
発売日2012/6/23
ページ数260ページ
レビュー
(Amazon)
(620件)
先輩くん
先輩くん
より良いコードを書きたい人におすすめの本だよ!
後輩ちゃん
後輩ちゃん
10以上前の書籍ですが、内容は今でも役に立つものばかりです!

オブジェクトのプロパティを削除するdelete演算子

オブジェクトのプロパティを削除する方法はとても簡単で、delete演算子を使用します。使い方は以下のとおりです。

delete obj.property
構文解説
  • delete:delete演算子
  • obj:削除したいプロパティが存在するオブジェクト
  • property:削除したいプロパティ
先輩くん

delete演算子を使って、オブジェクトのプロパティを削除するサンプルコードを用意したので、確認してみましょう!

let personObj = {
  name: "tanaka",
  age: 20,
  hobby: ["fishing", "reading"],
};

console.log(delete personObj.hobby); // => true
console.log(personObj); // => {name: 'tanaka', age: 20}

7行目のtrueは、delete演算子の返り値になります。delete演算子はオブジェクトのプロパティを削除することに成功するとtrueを返します。

delete演算子はプロパティを削除しなかった場合に必ずfalseを返すとは限りません。例えば、存在しないプロパティを対象にした場合は、実際にはプロパティを削除していませんが問題がないためtrueを返します。

console.log(delete personObj.sample); // => true
console.log(personObj); // => {name: 'tanaka', age: 20, hobby: Array(2)}

ブログランキング・にほんブログ村へ PVアクセスランキング にほんブログ村