javascript - 如何使用 jquery .each() 循环解析 JSON 数组

Question

我正在解析以下数据，然后循环尝试获取每个状态 ID 和名称。

{
    "billing": {
        "ACT": "Australian Capital Territory",
        "NSW": "New South Wales",
        "NT": "Northern Territory",
        "QLD": "Queensland",
        "SA": "South Australia",
        "TAS": "Tasmania",
        "VIC": "Victoria",
        "WA": "Western Australia"
    },
    "shipping": {
        "ACT": "Australian Capital Territory",
        "NSW": "New South Wales",
        "NT": "Northern Territory",
        "QLD": "Queensland",
        "SA": "South Australia",
        "TAS": "Tasmania",
        "VIC": "Victoria",
        "WA": "Western Australia"
    }
}

data = '{"billing":{"ACT":"Australian Capital Territory","NSW":"New South Wales","NT":"Northern Territory","QLD":"Queensland","SA":"South Australia","TAS":"Tasmania","VIC":"Victoria","WA":"Western Australia"},"shipping":{"ACT":"Australian Capital Territory","NSW":"New South Wales","NT":"Northern Territory","QLD":"Queensland","SA":"South Australia","TAS":"Tasmania","VIC":"Victoria","WA":"Western Australia"}}';

data = jQuery.parseJSON( data );
billingData = data.billing;

$(billingData).each( function( key, value ) {
    console.log( key + value);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

我期望控制台循环遍历每个状态 ID 和标签，但我得到它们的键为 0，值作为对象，我还尝试循环遍历输出的对象(包含在原始 的值中) >.each).

我还尝试过循环遍历 billingData[0]。

Answer 1

您需要使用 jQuery.each() 而不是 .each() 来完成这项工作。

.each()循环遍历 jquery 元素但 jQuery.each()循环遍历数组或对象。

data = '{"billing":{"ACT":"Australian Capital Territory","NSW":"New South Wales","NT":"Northern Territory","QLD":"Queensland","SA":"South Australia","TAS":"Tasmania","VIC":"Victoria","WA":"Western Australia"},"shipping":{"ACT":"Australian Capital Territory","NSW":"New South Wales","NT":"Northern Territory","QLD":"Queensland","SA":"South Australia","TAS":"Tasmania","VIC":"Victoria","WA":"Western Australia"}}';

data = jQuery.parseJSON(data);
billingData = data.billing;

$.each(billingData, function(key, value) {
 console.log(key +": "+ value);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>