JSON.stringify()を使ってスプレッド演算子の結果を表示する方法

スプレッド演算子（Spread Operator）を使うと、式を複数の引数、要素、変数などへ展開することができます。

JavaScriptオブジェクトを文字列に変換するには、JSON.stringify()メソッドが便利です。ここでは、details1とdetails2という2つのオブジェクトに対してスプレッド演算子を適用した結果（マージされたオブジェクト）を、JSON形式の文字列としてコンソールに出力します。

コード例

以下がそのサンプルコードです。

var details1 = { name: 'John', age: 21 };
var details2 = { countryName: 'US', subjectName: 'JavaScript' };
var result = { ...details1, ...details2 };
console.log(JSON.stringify(result));

上記のプログラムを実行するには、次のコマンドを使用します。

node fileName.js

ここでは、ファイル名をdemo267.jsとしています。

実行結果

このプログラムを実行すると、コンソールに以下の出力が表示されます。

PS C:\Users\Amit\javascript-code> node demo267.js
{"name":"John","age":21,"countryName":"US","subjectName":"JavaScript"}

解説のポイント

• スプレッド演算子（...）：オブジェクトリテラル内で使用すると、元のオブジェクトのすべてのプロパティが新しいオブジェクトに展開されます。複数のオブジェクトを1つにマージする際によく使われます。
• JSON.stringify()：オブジェクトをJSON形式の文字列に変換します。これにより、オブジェクトの中身を文字列として簡単に確認・出力できます。
• プロパティ名の重複：もしdetails1とdetails2に同じキーが存在する場合、後ろに書かれたオブジェクト（details2）の値が優先されます。