javascript - 如何在具有多个变量的模板文字中使用三元运算符

Question

我有一个 JSON 文件，我想从中获取值并显示。我尝试使用三元运算符，但我似乎无法获得我想要的输出，因为我有多个变量。这是我尝试过的:

//If there's a word, display its character / reading. Otherwise, just display the reading
return `${json.data[0].word} ? ${json.data[0].word (${json.data[0].reading}) : ${json.data[0].reading}`

这只是输出实际的字符串，但如果 json.data[0].word 未定义，则未定义。我只想在这种情况下显示读数。

Answer 1

占位符在字符串模板中不能递归工作。
编写更清晰的代码。

如果您坚持使用紧凑的三元代码:

json.data[0].word
  ? `${json.data[0].word} (${json.data[0].reading})`
  : `${json.data[0].reading}`

您的外部占位符是不必要的。