jQuery 和 JSON 对象迭代

Question

我目前正在尝试弄清楚如何迭代 JSON 响应中的所有对象。我的对象可能有无穷无尽的子对象，它们也可能有无穷无尽的子对象。

{
  "obj1" : {
      "obj1.1" : "test",
      "obj1.2" : {
         "obj1.1.1" : true,
         "obj1.1.2" : "test2",
         "obj1.1.3" : {
             ... // etc
         }
      }
  }
}

我只是想知道是否有一个开箱即用的脚本可以处理此类对象？

Answer 1

这是一个小函数，可以跟踪您在树中行走的深度，并沿途停下来允许您执行操作（您没有指定您实际想要执行的操作或时间）：

function dig( blob, depth ) { 
  var depth = depth || 0; // start at level zero
  for( var item in blob ) {
    console.log( 'depth: ' + depth + ': ' + item); // do something real here
    if( typeof blob[item] === 'object' ) {
      dig( blob[item], ++depth ); // descend
    } else { // simple value, leaf
      console.log( ' => ' + blob[item] ); // do something real here
    }
  }
}      

console.log( dig( obj ) );

假设 obj 是您的 JSON，如上所述，这应该给您类似的内容（未测试）：

depth: 0: obj1
depth: 1: obj1.1
 => test
depth: 1: obj1.2
// etc.

Answer 2

您在问题中表示的不是 JSON，而是 JavaScript 对象文字。区别在于，一种是字符串，另一种是实际的文字对象，无需进一步转换即可在 JavaScript 中使用。

要遍历 JS 对象文字，请使用简单的递归 for 循环。为此，您不需要单独的库。

var walk = function(o){
  for(var prop in o){
    if(o.hasOwnProperty(prop)){
      var val = o[prop];
      console.log('Value = ',val, ', Prop =', prop, ', Owner=',o);
      if(typeof val == 'object'){
        walk(val);
      }
    }
  }
};

walk({ 'foo':'bar', biz: { x: 'y' } });

Answer 3

将 JSON 解析为对象后，您需要实现树遍历器（递归函数）来查找您感兴趣的特定值。

但是，JOrder 可能会为您提供很大帮助，它提供数据管理设施，这可以节省您编写树步行者的时间。并进行良好的、高性能的搜索和排序。

https://github.com/danstocker/jorder

Answer 4

jQuery JavaScirpt 库只有方法：

var jsonObject = $.parseJSON('{
  "obj1" : {
      "obj1.1" : "test",
      "obj1.2" : {
         "obj1.1.1" : true,
         "obj1.1.2" : "test2",
         "obj1.1.3" : {
             ... // etc
         }
      }
  }
}');

alert(jsonObject['obj1']);

parseJSON() 方法 接受一个 JSON 字符串（其中是您从 JSON 请求中获得的内容）并返回一个 JavaScript 对象。从那里您可以像平常使用任何 JavaScript 对象一样访问数据。

Answer 5

我正在使用此代码片段来遍历 de json。基本上，当节点是一个对象时，我递归地调用相同的函数。希望您觉得它有用。

正如您所看到的，它需要 jQuery。不使用相同的想法也可以完成。

函数记录器(json) {

 $.each(json, function(index, value) {


         switch ($.type(value)){

             case 'string':
                  console.log(value) //for example                     
                 break;

             case 'object':
                 recorrer(value); // recursiva                     
                break;
         }



 });

};