Как я могу проверить объект с помощью `$ {}` - PullRequest
Новая
       1

Как я могу проверить объект с помощью `$ {}`

0 голосов
/ 16 января 2020

Как я могу просмотреть массив объектов с помощью ${}?

Например, у меня есть массив объектов, и я хочу получить доступ с помощью ${}, но он печатает только первый элемент. Как я могу сканировать с этим обозначением? 

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}, например, внутри текста, но он печатает только первое значение

1 Ответ

0 голосов
/ 16 января 2020

Ваш вопрос и пример кода не очень легко понять. Тем не менее, чтобы получить доступ и распечатать свойства и значения объекта с помощью трюка $ {}, вы могли бы начать, следуя приведенному ниже примеру.

Допустим, у нас есть js объект: 

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

и этот HTML объект: 

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

Мы можем показать текст объекта подсказки внутри #ballon div следующим образом: 

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

Обратите внимание на использование backticks (`).

Если вам нужно сканировать внутри объекта, подобного этому: 

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

Здесь я попытался просто догадаться, надеюсь, я понял, но это помогло бы другим, если бы вы могли быть более точными в этом вопросе.

...