Question

我正在尝试用javascript创建多达25个不同数据点的图形。除了一个问题外，我创建的javascript方法非常有效-我有许多不同的数组，并且我需要一个解决方案，使我能够使用for循环访问每个数组。这是我的代码：

var dataPoints1 = [];
var dataPoints2 = [];
var dataPoints3 = [];
var dataPoints4 = [];
var dataPoints5 = [];
var dataPoints6 = [];
var dataPoints7 = [];
var dataPoints8 = [];
var dataPoints9 = [];
var dataPoints10 = [];
var dataPoints11 = [];
var dataPoints12 = [];
var dataPoints13 = [];
var dataPoints14 = [];
var dataPoints15 = [];
var dataPoints16 = [];
var dataPoints17 = [];
var dataPoints18 = [];
var dataPoints19 = [];
var dataPoints20 = [];
var dataPoints21 = [];
var dataPoints22 = [];
var dataPoints23 = [];
var dataPoints24 = [];
var dataPoints25 = [];

function addData(data) {
  var columnCount = @Html.Raw(Model.columnCount);
  var columns = @Html.Raw(Json.Encode(Model.DataPointHeaders));

  for (var i = 0; i < data.length; i++) {
    for (var k = 1; k < columnCount; k++) {
      dataPoints[i].push({
        x: i,
        y: parseFloat(data[i].columns[k])
      });
    }
  }
  chart.render();
}

上面的代码在第二个for循环之前一直有效，我尝试说它为dataPoints [i] .push

我了解，由于i索引变量是javascript中单独的数组变量，因此无法使用i索引变量访问这些数据点。

我的问题是，有必要使每个数据点集彼此分开，但是我仍然希望循环并“创建”每个数据点集。

有没有一种方法可以使用我当前的代码来实现，如果没有，我可以使用二维数组代替吗，怎么实现呢？

每个dataPoint集都必须能够单独访问。

由于长度问题，我没有在实际使用dataPoint的地方包含代码，但是同样，它们必须彼此分开。

Answer 1

尽管最佳做法是使用一个数组，但可以通过在windows对象上引用变量来动态引用变量。

这不是最佳实践，但是它将解决当前的问题，而不是使用单个数组的最佳实践。

window["dataPoints" + i].push({
  x: i,
  y: parseFloat(data[i].columns[k])
});

下面是带有对象的多维数组的示例，出于示例目的，它还包含一个动态键和值。

var dataPoints = new Array();
dataPoints[0] = {"aa" : "1","b" : "1"};
dataPoints[1] = {"aa" : "2","b" : "3"};
dataPoints[2] = {"aa" : "3","b" : "33"};
dataPoints[3] = {"aa" : "4","b" : "43"};
dataPoints[4] = {};
dataPoints[4]["test"] = "xxx";

console.log(dataPoints);

动态遍历javascript数组

1 个答案: