未分類

【Javascript】オブジェクトが入った変数をオブジェクトリテラルで囲んだ時の挙動

タイトルの通り、

オブジェクトが入った変数をオブジェクトリテラルで囲んだ時の挙動についてです。

test.js

let test = {
hoge: "fuga1",
goge2: "fuga2"
}

console.log(test);

結果

#node test.js
{ hoge: 'fuga', hoge2: 'fuga2' }

これのtest変数をオブジェクトリテラルで囲って出力します。

test.js

let test = {
hoge: "fuga1",
goge2: "fuga2"
}

console.log({test});

結果

#node test.js
{ test: { hoge: 'fuga', hoge2: 'fuga2' } }

変数名のtestをキー、入っていたオブジェクトが値とする新しいオブジェクトが生成されます。