Javascript 循环多值数组

首先，如果我把术语弄错了，很抱歉，如果是的话，请你纠正我好吗

我试图循环使用以下javascript数组

        var pieData2 = [
            {
                label: 'wow',
                value: 30,
                color:"#F38630"
            },
            {
                label: 'wow2',
                value : 10,
                color : "#E0E4CC"
            },
            {
                label: 'wow3',
                value : 100,
                color : "#69D2E7"
            }

        ];

我正在尝试将标签和颜色写入单独的div中。我尝试过以下概念，但没有达到目的

     $.each( pieData2[0], function( key, value ) {
       alert( key + ": " + value );
         });

---

每个都很好，但是您需要在pieData2上循环，而不是在pieData2的第一个元素上循环

   $.each( pieData2, function() {
          alert( this.label + ": " + this.value );
     });

---

每个都很好，但是您需要在pieData2上循环，而不是在pieData2的第一个元素上循环

   $.each( pieData2, function() {
          alert( this.label + ": " + this.value );
     });

试试这个

$.each( pieData2, function(index) {
    alert("label = " +pieData2[index].label+ " color = " +pieData2[index].color);
});

试试这个

$.each( pieData2, function(index) {
    alert("label = " +pieData2[index].label+ " color = " +pieData2[index].color);
});

---

这不需要jQuery。如果真的不需要jQuery，我并不建议使用它。在这一点上，这是毫无意义的。尽可能使用常规JS，必要时使用jQuery

for (var i = 0; i < pieData2.length; i++) {
    alert(pieData2[i].label + ' : ' + pieData2[i].value);
}

如果需要迭代数组和每个对象（如果不知道长度），则可以执行以下操作：

for (var i = 0; i < pieData2.length; i++) {
    for (var prop in pieData2[i]) {
        if (pieData2[i].hasOwnProperty(prop)) {
            alert(prop + ' : ' + pieData2[i][prop]);
        }
    }
}

---

这不需要jQuery。如果真的不需要jQuery，我并不建议使用它。在这一点上，这是毫无意义的。尽可能使用常规JS，必要时使用jQuery

for (var i = 0; i < pieData2.length; i++) {
    alert(pieData2[i].label + ' : ' + pieData2[i].value);
}

如果需要迭代数组和每个对象（如果不知道长度），则可以执行以下操作：

for (var i = 0; i < pieData2.length; i++) {
    for (var prop in pieData2[i]) {
        if (pieData2[i].hasOwnProperty(prop)) {
            alert(prop + ' : ' + pieData2[i][prop]);
        }
    }
}

jQuery.each（）

函数用于迭代集合，例如数组中的元素或对象的属性。在您的例子中，它在对象数组上迭代。在代码中，

pieData2

是数组，因此您希望将其作为第一个参数传递给

$。each（）

。第二个参数是一个处理每次迭代的函数，它有两个参数：

index

和

value

（尽管您可以随意命名它们）

正如在另一个答案中所使用的那样，您也可以使用

this

关键字来引用该迭代所查看的元素，因此上述代码中的

this

和

value

是相同的。

jQuery.each（）函数设计用于迭代集合，例如数组中的元素或对象属性上的元素。在您的例子中，它在对象数组上迭代。在代码中，

pieData2

是数组，因此您希望将其作为第一个参数传递给

$。each（）

。第二个参数是一个处理每次迭代的函数，它有两个参数：

index

和

value

（尽管您可以随意命名它们）

---

正如在另一个答案中所使用的那样，您也可以使用

this

关键字来引用该迭代正在查看的元素，因此上述代码中的

this

和

值

是相同的。

尝试删除

[0]

。输出应该是什么？不需要指定它是“多值”数组，因为数组被设计成包含多个值；只需将其称为数组。尝试删除

[0]

。输出应该是什么？不需要指定它是“多值”数组，因为数组被设计为包含多个值；只需称之为数组。完美，记录回复。完美，记录回复<代码>控制台.log（value.value）；//输出wow、wow2、wow3。。。不。。而是“30，10，100”…）@安德烈亚斯尼德马尔你说得对，我看错了房子<代码>控制台.log（value.value）；//输出wow、wow2、wow3。。。不。。而是“30，10，100”…）@安德烈亚斯尼德马尔你说得对，我看错了房子！