如何遍历数组中的数组

Question

我想遍历数组“ areas” dataprovider数组中的“ areasarray”，

我不知道如何在数组中循环，我已经尝试了几次for循环尝试，但是都没有成功。

这是amCharts Maps框架。

var areasarray = {};
//get JSON File
$(function getData() {
var url = "../assets/document.json";
$.ajax({
    url: url,
    dataType: 'json',
    success: function (data) {
        console.log(data);
        for (var i = 0; i < data.fact.length; i++) {
            if (inverseCountryCodes[data.fact[i].dims.COUNTRY] != null) {

                areasarray[i] = {
                    "id": inverseCountryCodes[data.fact[i].dims.COUNTRY],
                    "value": data.fact[i].Value,
                    "info": "Verkeersdoden per 100 000 inwoners: " + data.fact[i].Value
                }

            }

        }
        //console.log(areasarray);

        //Map initialiseren
        var map;
        map = new AmCharts.AmMap();
        map.colorSteps = 20;

        var dataProvider =
        {
            mapVar: AmCharts.maps.worldLow
            areas: [
                {
                    id: "BE",
                    value: 10,
                    info: "Verkeersdoden ..."
                }

            ]
        };

        console.log(dataProvider);
        map.areasSettings = {
            autoZoom: true,
            selectedColor: "#338DAB"
        };
        map.dataProvider = dataProvider;
        var valueLegend = new AmCharts.ValueLegend();
        valueLegend.right = 10;
        valueLegend.minValue = "little";
        valueLegend.maxValue = "a lot!";
        map.valueLegend = valueLegend;

        map.addListener("clickMapObject", function (event) {
            document.getElementById("info").innerHTML = '<p><b>' + event.mapObject.title + '</b></p><p>' + event.mapObject.info + '</p>';
        });

        map.mouseWheelZoomEnabled = true;
        map.write("mapdiv");
    }


    });
});

Answer 1

如果要遍历areaarray实际上是一个对象而不是一个数组，则应使用for ... in循环进行研究

为了遍历数组中的数组，一种方法是嵌套循环

for(var i = 0; i < array1.length; i++) {
    for(var j = 0; j < array2.length; j++) {
        // do something
    }
}

我不清楚在这种情况下，“数组中的数组”是什么意思，如果您提供有关您要完成的任务的详细信息，这将有所帮助

Answer 2

我会尝试嵌套循环。 这是创建数组数组然后循环遍历每个数组的示例。

var matrix = []
matrix[1] = []
matrix[1][1] = "foo"


matrix.forEach(function(column){
  column.forEach(function(cell){
      console.log(cell);
  });
});

Answer 3

var areasarray = {}; 表示它是一个对象，而不是数组。

要遍历此对象中的每个项目，请尝试此操作。

var keys = Object.keys(areasarray);
keys.forEach(function(k) {

    // you can access your item using 
    // k is the property key
    console.log(areasarray[k]);
    console.log(areasarray[k].id);
    console.log(areasarray[k].value);
    console.log(areasarray[k].info);
});

不知道为什么选择创建AreasArray作为对象。 如果需要，可以将其定义为：

var areasarray = [];

然后在添加到数组时，使用：

areasarray.push({
    "id": inverseCountryCodes[data.fact[i].dims.COUNTRY],
    "value": data.fact[i].Value,
    "info": "Verkeersdoden per 100 000 inwoners: " + data.fact[i].Value
});

因此，稍后，您只需执行以下操作：

for (var i = 0; i < areasarray.length; i++) {
    console.log(areasarray[i]);
    console.log(areasarray[i].id);
    console.log(areasarray[i].value);
    console.log(areasarray[i].info);
}

注意：在上面的代码中，i是一个索引，其中在对象块代码中，k是对象的键。

Answer 4

使用嵌套循环。 例：

var a1=["1","2","3","4","5","6","7"];
var a2=["a","b","c","d","e"];
for(var i=0;i<a1.length;i++) //loop1
{
console.log(a1[i]);
for(var j=0;j<a2.length;j++) //loop2
{
console.log(a2[j]);
}
}

样本输出：

1st iteration of loop1:
1abcde
2nd iteration of loop1:
2abcde
and so on...

• 对于loop1的每次迭代，loop2迭代4次（j <5）。

希望我能正确回答您的问题...这可能是一个答案。