122
71

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

JavaScript: オブジェクトのプロパティを削除する方法(イミュータブル)

Posted at

JavaScriptでオブジェクトのプロパティをイミュータブルなやりかたで削除する方法です。

イミュータブルな削除というのは、あるオブジェクトのプロパティを削除するとき、そのオブジェクトを変更するのではなく、削除対象のプロパティが取り除かれたオブジェクトを新たに作ることです。

やりかた

destructuring assignment構文を使います。

例えば、a,b,cの3つのプロパティを持ったオブジェクトから、aを削除したい場合、

const obj1 = { a: 1, b: 2, c: 3 }

destructuring assignment構文に、取り除くaプロパティと、残すそれ以外のプロパティを入れる変数obj2...を伴って書きます:

const {a, ...obj2} = obj1

すると、obj1は変更されず、obj1からaが取り除かれたobj2ができます:

console.log(obj1, obj2)
//=> { a: 1, b: 2, c: 3 } { b: 2, c: 3 } 😎✅
122
71
2

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
122
71

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?