JS： 入れ子のオブジェクトの作り方

Question

Just JavaScriptという教材でJavaScriptを勉強しております
letを使って変数にオブジェクト、プロパティを設定する(let ship={}、let ship={pilot.”Jim”}など)という項目が続いたあと、

let ship = {
   pilot: { name: 'Jim' }
 };

というコードが出てきて混乱しました。
shipにはletでパイロットを設定しているにもかかわらず、pilotの名前も一括で指定できている理屈がよくわかりません
イメージ的には「pilotはlet使ってないのにずるい」という感じです
これはそういうものなのか、又は何かが省略されているのでしょうか

Answer 1

jsは{}を記載するとオブジェクトの作成され、{key1:val1,key2,val2}とすると初期値の設定が可能です。
ご提示の例であれば
「 { name: 'Jim' }」でまずオブジェクトが作成され仮にこれをobjとすると
「{ pilot:obj}」となりますのでこれもオブジェクトになります

Comments

[halgtdom]

なるほど。{}を書いた時点で新たなオブジェクトが作られるとの記載は教材のほうにもありました
let使ってないのに、ではなく全体にletがかかっているという見方もできますかね

Answer 2

強いてならそういうものと言えます。
PHPの連想配列なども近いといえば近いですね。
最深部から一つずつ定義していくやり方もありますが、一気に多段的なオブジェクトを定義することもできます。

あとMDNなどリファレンスも参考に。
今回だと「オブジェクトの基本」とかから。情報は多いですが・・・
https://developer.mozilla.org/ja/docs/Learn/JavaScript/Objects/Basics

Comments

[halgtdom]

ありがとうございます。リアルにビギナーなのでぜひとも色々読んでみたいと思います。