Q&A
全体で1つの構文というわけではなく、基本的な構文を組み合わせた式です。
どの部分がわからないか、もう少しコメントを頂くことは出来ますか？
前提・実現したいこと
現在Reactを勉強しています。扱っているReactコードの中に以下のようなjavascriptの構文がありました。
js
1hoge.name && 2{ 3 a: 'Aです', 4 b: 'Bです' 5}[hoge.name]
背景としては値を画面に表示する箇所で扱われており、条件に応じて「Aです」「Bです」と表示されます。
この構文を見たことがなかったので
・何をしているか理解したい
・調べ方 & リファレンスを知りたい
です。
回答1件
0
ベストアンサー
以下の3つを組み合わせただけです。特別な構文ではありません。
a && b…aがfalse相当ならa、そうでなければbという選択を行う演算。- 式の途中に
{}が現れたら、それはオブジェクトリテラルです。 - オブジェクトに
[]を付けると、プロパティ参照の意味になります。
投稿2021/05/14 09:39
総合スコア145183
なるほどですね！
迅速な対応ありがとうございます！
なるほど。
1つ目はかろうじて知っていましたが、使い慣れていませんでした。
2.3つ目はご説明頂いた内容を噛み砕く必要がありそうです。使用感もわかっていません。
もう少し調べてみます。
構文は理解できたつもりです。
実際の取得できる値が少しまだわかっておりません。
プロパティ参照のイメージでは、オブジェクトリテラルの中にあるキーを指定するイメージですが、
今回そうではありません。
{
a: 'Aです',
b: 'Bです'
}[a]
なら「Aです」と返ってきそうですが。
今回のケースではオブジェクトリテラルのキーを指定していないのですが、
どういうことなのでしょうか？
> 今回のケースではオブジェクトリテラルのキーを指定していないのですが
hoge.nameの中身が'a'なのではないでしょうか。
あ、なるほどですね！
あなたの回答
tips
プレビュー
