計算されたプロパティを理解する（角括弧）

Question

私は単純に "計算されたプロパティ"の周りに私の頭を包むことはできませんが、私はグーグルで助けなかったが、the website I am followingはこれを言うが、私はそれが私に綴られていることを知っていますが、私はまだそれが私に言いたいことを理解できませんでした。あなたは "単純な言葉"でそれを言うことを試みることができますか？

オブジェクトリテラルに角括弧を使用できます。これは、 と計算されたプロパティと呼ばれています。例えば

：

let fruit = prompt("Which fruit to buy?", "apple"); 

let bag = { 
    [fruit]: 5, // the name of the property is taken from the variable fruit 
}; 

alert(bag.apple); // 5 if fruit="apple" 

計算されたプロパティの意味は単純です：[fruit]は プロパティ名がfruitから取らなければならないことを意味します。

したがって、訪問者が"apple"と入力した場合、bagは{apple: 5}になります。

私は理解できない部分は、あなたがfruitと呼ばれる変数でpromptの値を保存している

alert(bag.apple); // 5 if fruit="apple" 

Answer 1

です。この場合、デフォルトは「apple」になります。

次に、別の変数であるbagを宣言します。 bagには1つのプロパティがあり、ここでは[fruit]です。これは効果的にそしてbag.appleの値を警告します宣言

let bag = { 
    'apple': 5 
}; 

アラート機能を作り、実行時にfruitの値に評価されます。 変数を宣言したときにbag[fruit]を5に設定し、fruitが'apple'であるため、bag.appleには値があります。