JS实现遍历不规则多维数组的方法
人气:2本文实例讲述了JS实现遍历不规则多维数组的方法。分享给大家供大家参考,具体如下:
直接进入正文:
我们有时候处理数据,可能会遇到一些不规则(无法预料的数据结构),那么拿到这种数据我们如何进行遍历操作呢?举个例子:
var data= { a: { one: 1, two: 2, three: {four:'2',five:'4'} }, b: { six: 4, seven: 5, eight: 6 }, c: { nine: 7, ten: 8} }
比如上边的数据(实际情况是这个数据会有各种不可预料的变化),如果想遍历这种数据,用单纯的for in就无法遍历了。
其实这种数据遍历也简单,使用递归的方法,就可以完美的解决这个问题
代码如下:
function traverse(obj) { for (var a in obj) { if (typeof(obj[a]) == "object") { traverse(obj[a]); //递归遍历 } else { console.log(a + "=" + obj[a]); //如果是值就显示 } } } traverse(data)
最后我们只要调用这个方法,把obj传入,就成功的遍历了整个data
本例运行结果如下:
希望本文所述对大家JavaScript程序设计有所帮助。
您可能感兴趣的文章:
- JS中循环遍历数组的四种方式总结
- JS数组及对象遍历方法代码汇总
- JavaScript遍历数组的方法代码实例
- JS中数组实现代码(倒序遍历数组,数组连接字符串)
- JavaScript遍历数组和对象的元素简单操作示例
- JavaScript遍历数组的三种方法map、forEach与filter实例详解
- Jquery遍历筛选数组的几种方法和遍历解析json对象,Map()方法详解以及数组中查询某值是否存在
- JS遍历JSON数组及获取JSON数组长度操作示例【测试可用】
- 解决vuejs 使用value in list 循环遍历数组出现警告的问题
- JS中数组与对象的遍历方法实例小结
- JavaScript 数组遍历的五种方法
加载全部内容