javascript - 如何浏览一个javascript对象

Question

我是 jQuery 新手。以下是包含 json 字典的 data 变量。

{
   "user":null, 
   "currency":"EUR",
   "balance":0,
   "translist": [ 
       { "trans1":"something","trans2":"something2" }
   ]
}

我的 jQuery 方法从 Rest GET 调用中接收到一个 json/Javascript 对象

success: function (data){    
        for(x in data) {
            console.log(x + ':   ' + data[x]);
        }       
    });

是否有任何库可以帮助解析/遍历此 json 对象并获得某种对象列表？我想检查一些键及其各自的值。问题是我不需要列表中的所有键和值，而且某些值可以为 null，这使我无法应用使用 SO 找到的一些解决方案。

或者通常更常见的是在成功函数中直接开始打印 HTML？

编辑:例如，如果它是 java，它将是一个 Map，我将使用迭代器遍历并查看/分析 map 值，并创建一些包含我想要的值的数组列表。在 jQuery 中有什么等价物？

Answer 1

If it was java for example it would be a Map and I would use an iterator to walk through and see/analyse the map values, and create some arraylist with the values I want in it. What is the equivalent of that in jQuery?

Any javascript object can be seen as an associative map .

例如，您可以直接访问货币作为 data['currency']。

你也可以构建一个数组:

var a = [];
for (var key in data) {
    a.push({key:key, value:data[key]});
}

您还可以构建一些 HTML 并对数据应用函数:

$(document.body).append($(
   '<table>' + a.map(function(v){
      return '<tr><td>'+v.key+'</td><td>'+v.value+'</td></tr>'
   }).join('')+'</table>'
));

Demonstration

使用 jQuery 可以简化相同的迭代(直接从 data 工作):

$(document.body).append($(
   '<table>' + $.map(data, function(value,key){
      return '<tr><td>'+key+'</td><td>'+value+'</td></tr>'
   }).join('')+'</table>'
));

Demonstration