JavaScriptでオブジェクトのディープコピーを行う方法

2024-02-08 10:09 JavaScript ディープコピー オブジェクト
  1. スプレッド演算子を使用する方法: スプレッド演算子を使用すると、オブジェクトのプロパティを展開して新しいオブジェクトを作成できます。以下はその例です。
const originalObject = { name: 'John', age: 30 };
const copiedObject = { ...originalObject };
  1. JSON.stringifyとJSON.parseを使用する方法: JSON.stringifyを使って元のオブジェクトを文字列に変換し、JSON.parseを使って文字列を新しいオブジェクトに変換します。これにより、ディープコピーが実現されます。以下はその例です。
const originalObject = { name: 'John', age: 30 };
const copiedObject = JSON.parse(JSON.stringify(originalObject));
  1. ライブラリを使用する方法: JavaScriptには、オブジェクトのディープコピーを行うための便利なライブラリがいくつかあります。例えば、lodashというライブラリのcloneDeepメソッドを使用することで、簡単にディープコピーを行うことができます。以下はその例です。
const _ = require('lodash');
const originalObject = { name: 'John', age: 30 };
const copiedObject = _.cloneDeep(originalObject);

これらの方法を使うと、オブジェクトのディープコピーが簡単に実現できます。必要に応じて、各方法の利点と制限についてさらに調査してみてください。