如何使用 `${}` 扫描对象答案

【问题标题】：How can I scan an object with `${}`如何使用 `${}` 扫描对象
【发布时间】：2020-05-03 05:36:06
【问题描述】：

如何使用${} 扫描对象数组？

例如，我有一个对象数组，我想用${} 访问，但它只打印第一个元素。如何使用此符号进行扫描？

if (this.getProperty("sgaugeTooltip") && this.getProperty("sgaugeTooltip") != "") {
  console.log("sgaugeTooltip ", this.getProperty("sgaugeTooltip"));

  //${country}: ${value:number:0.00}                
  console.log("id", k, solidData[k].text);
  bandsArray[(2 * k) + 1].balloonText = this.getProperty("sgaugeTooltip") + " " + numeral(solidData[k][valueProperty] * 100).format(owner.getProperty("sgaugeFormat") || owner.getConfigTemplate("sgaugeFormat").default) + "%";

} else {
  //se è vuoto disegna solo le % nei baloon text
  bandsArray[(2 * k) + 1].balloonText = numeral(solidData[k][valueProperty] * 100).format(owner.getProperty("sgaugeFormat") || owner.getConfigTemplate("sgaugeFormat").default) + "%";
}

我必须将 ${country} 例如放在气球文本中，但它只打印第一个值

【问题讨论】：

你能把问题解释清楚一点吗？很难理解你在问什么，问题是什么，以及代码是如何与任何问题相关的。
你能告诉我所有在 JS 中访问对象的方法吗？
请提供更多上下文

标签： javascript jquery json frontend

【解决方案1】：

您的问题和代码示例并不是很容易理解。也就是说，要使用 ${} 技巧访问和打印对象的属性和值，您可以从以下示例开始。

假设我们有这个 js 对象：

tooltip = { 'text': 'Tooltip text' };

还有这个 HTML 对象：

<div id="ballon"></div>

我们可以像这样在#ballon div 中显示工具提示对象的文本：

jQuery( '#ballon' ).html( `${tooltip.text}` );

注意使用反引号 (`)。

如果您需要在像这样的对象内扫描：

tooltips = {
  'tooltip1': 'text1',
  'tooltip2': 'text2',
  'tooltip3': 'text3',
}

你可以这样做：

for (const tooltip_key in tooltips ) {
  console.log(`${tooltip_key}: ${tooltips[tooltip_key]}`);
}

期待在控制台中有这样的东西：

tooltip1: text1
tooltip2: text2
tooltip3: text3

在这里我只是尝试猜测，希望我明白了这一点，但如果你能更准确地回答这个问题，它将对其他人更有帮助。

【讨论】：