循环通过多值数组

Question

首先对不起,如果我的术语有错,如果可以的话请你纠正我？

我试图循环通过以下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 );
         });

Answer 1

该jQuery.each()函数旨在迭代集合,例如数组中的元素或对象的属性.在你的情况下,它迭代一个对象数组.在您的代码中,pieData2是您的数组,因此您希望将其作为第一个参数传递给$.each().第二个参数是一个将处理每个迭代的函数,并且有两个参数:index和value(尽管你可以根据自己的意愿命名它们).

$.each(pieData2, function(index, value) {
    // index will be 0, 1, 2
    // value will be equivalent to pieData2[0], pieData2[1], pieData2[2]
    console.log(value.label); // outputs wow, wow2, wow3
});

正如在另一个答案被使用时,您还可以使用this关键字来引用该元素被看为迭代设计,所以this并value在上面的代码是相同的.