javascript - 循环遍历 jquery data() 对象以获取键和值

Question

我有一个包含一些 json 的 data() 对象。

有没有一种方法可以遍历对象并获取每个部分的键和值？

这是我目前所拥有的:

function getFigures() {

var propertyValue = getUrlVars()["propertyValue"];

$.getJSON(serviceURL + 'calculator.php?value=' + propertyValue, function(data) {

    figures = data.figures;
    $.each(figures, function(index, figure) {

        $('#figureList').append('<li> index = ' + data.figures.figure + '</li>');

    });

});

$('#figureList').listview('refresh');

}

json 看起来像这样:

{"figures":{"value":"150000","completion":"10.00","coal":"32.40","local":"144.00","bacs":"35.00","landRegistry":"200.00","solFee":"395.00","vatOnSolFees":79,"stampDuty":1500,"total":2395.4}}

很抱歉，如果它很简单，我是 jQuery 的新手，在 SO 上找不到任何有用的东西。

Answer 1

你可以像这样得到key和value

$.each(data.figures, function(key, val) {

        console.log('Key: ' + key + '  Val: ' + val)

    });​

所以把你的代码改成

 $('#figureList').append('<li>'+ index + ' = ' + figure + '</li>');

演示: http://jsfiddle.net/joycse06/ERAgu/