Javascript x не определен Объект / массив

Question

Javascript x не определен Объект / массив

1

У меня есть объект, и я храню данные как

{"anti-social-behaviour":43,"burglary":24,"other-theft":29,"shoplifting":2,"vehicle-crime":27,"violent-crime":34,"criminal-damage-arson":17,"public-order":2,"drugs":1,"robbery":3,"other-crime":3,"bicycle-theft":1}

Я пытаюсь интерпретировать эти данные в диаграмме, google api. используя следующее

data.addRows([
  ['Drugs', crimes.drugs],
['bicycle-theft', crimes.bicycle-theft],
]);

crime.drugs отлично работает, но преступления. Велосипед-кража бросает

Uncaught (in promise) ReferenceError: theft is not defined
at drawChart (crimes.js:126)
at <anonymous>

Savage 20 окт. 2017, в 12:16

Источник

0

Можете ли вы установить такие значения, как «общественный порядок»? Если да, возможно, проблема в том, что api диаграммы интерпретирует черту как минус
Filnor 20 окт. 2017, в 10:13

Теги:

javascript

google-visualization

4 ответа

Ещё вопросы

Можете ли вы установить такие значения, как «общественный порядок»? Если да, возможно, проблема в том, что api диаграммы интерпретирует черту как минус

Sajeetharan · Answer 1 · 2017-10-20T08-20-00.000Z

Так как свойство bicycle-theft имеет -, вы не можете получить доступ через dot operator, попробуйте таким образом,

data.addRows([
  ['Drugs', crimes.drugs],
  ['bicycle-theft', crimes['bicycle-theft']],
]);

WhiteHat · Answer 2 · 2017-10-20T10-35-00.000Z

а не жесткий код массива,
use → Object.keys - для создания строк...

Object.keys(objData).forEach(function (key) {
  data.addRow([
    key,
    objData[key]
  ]);
});

см. следующий рабочий фрагмент...

google.charts.load('current', {
  packages: ['corechart']
}).then(function () {

  var objData = {"anti-social-behaviour":43,"burglary":24,"other-theft":29,"shoplifting":2,"vehicle-crime":27,"violent-crime":34,"criminal-damage-arson":17,"public-order":2,"drugs":1,"robbery":3,"other-crime":3,"bicycle-theft":1};

  var data = new google.visualization.DataTable();
  data.addColumn('string', 'Crime');
  data.addColumn('number', 'Occurrences');

  Object.keys(objData).forEach(function (key) {
    data.addRow([
      key,
      objData[key]
    ]);
  });

  data.sort([{column: 1, desc: true}]);

  var chart = new google.visualization.BarChart(document.getElementById('chart_div'));
  chart.draw(data, {
    chartArea: {
      bottom: 24,
      height: '100%',
      left: 176,
      right: 96,
      top: 36,
      width: '100%'
    },
    height: 400,
    legend: {
      alignment: 'end',
      position: 'top'
    },
    title: 'Crime',
    width: '100%'
  });
});

<script src="https://www.gstatic.com/charts/loader.js"></script>
<div id="chart_div"></div>

Hanif · Answer 3 · 2017-10-20T09-06-00.000Z

Вы не можете получить доступ к таким свойствам (crimes.bicycle-theft), когда есть символ "-". Вы должны писать crimes["bicycle-theft"].

A.DUPONCHEL · Answer 4 · 2017-10-20T08-57-00.000Z

Существует два способа доступа к свойствам: нотация нот и скобка.

При использовании точечной нотации ваше свойство должно быть действительным идентификатором JavaScript.

При использовании нотной записи в скобках указанная строка не должна быть действительным идентификатором.

Здесь "велосипед-кража" не является допустимым идентификатором из-за "-".

Документация: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Property_Accessors