JavaScript オブジェクトの生成

Question

質問

Javascriptを学び始めたばかりなんですが、なぜ下記のようなプログラムでプロパティの値にこのプログラムにおける変数(マーク、数字)が代入されるのかがわかりません。詳しく解説していただけると有り難いです。

該当のソースコード

const カードの束 = [];
for(let マーク of ['ハート', 'クローバー', 'ダイア', 'スペード']) // 全カードを生成
   for(let 数字=1; 数字<=13; 数字++)
      カードの束.push({ マーク, 数字});

補足情報（FW/ツールのバージョンなど）

ここにより詳細な情報を記載してください。

Answer 1

なぜ下記のようなプログラムでプロパティの値にこのプログラムにおける変数(マーク、数字)が代入されるのかがわかりません。

何がわからないかがわからないので的を外しているかもしれませんが、{ マーク, 数字}は、{マーク: マーク, 数字: 数字}の略記法です。マーク変数の内容をマークのキーに入れたオブジェクトを生成します。

Comments

[kelt22]

あの表記は、略記法だったのですね。理解できました。ありがとうございます。

Answer 2

// 空の配列を用意しています。
const カードの束 = [];


// 4回ループします。なぜなら、['ハート', 'クローバー', 'ダイア', 'スペード']に4つの要素が入っているからです。
// 1回目は、マークに'ハート'が入っています。
// 2回目は、マークに'クローバー'が入っています。
// ...
for(let マーク of ['ハート', 'クローバー', 'ダイア', 'スペード']) // 全カードを生成

// 13回ループします。なぜなら、数字に1を入れ、ループのたびに+1し、13以下の間は繰り返すからです。
// 1回目は、数字に1が入っています。
// 2回目は、数字に2が入っています。
// ...
   for(let 数字=1; 数字<=13; 数字++)

// カードの束の配列の最後に、{ マーク, 数字} を追加します。
// マークと数字は、その時に入っているものです。
// 外側のループ1回目、内側のループ1回目の場合、{ 'ハート', 1} 
// 外側のループ1回目、内側のループ2回目の場合、{ 'ハート', 2}
// ... 
// 外側のループ2回目、内側のループ1回目の場合、{ 'クローバー', 1} 
// 外側のループ2回目、内側のループ2回目の場合、{ 'クローバー', 2} 
// ... 
      カードの束.push({ マーク, 数字});

Comments

[Lhankor_Mhy]

ああ、そうか、間違えた……