JavaScript深度迭代遍历未知对象

文章出自个人博客https://knightyun.github.io/2019/01/27/js-iteration，转载请申明

面向对象编程的语言，都存在对对象的一些操作，其中就包括遍历未知对象的属性值。

通常情况

常见的遍历对象的方法：

var o = {name: 'cloud',age: 20
}
for (i in o) {console.log(i + ': ' + o[i]);
}
// name: cloud
// age: 20

特殊情况

但是对象中又含有子对象，对象的属性又是另一个对象，或者更深层嵌套，上面方法就不适用了；

下面使用递归实现这个功能：

var o = {name: {firstName: 'cloud',lastName: 'huang'},age: 20
}
function myFn(obj) {for (i in obj) {console.log(i + ': ' + obj[i]);// 这里使用递归，属性类型为对象则进一步遍历if (typeof(obj[i]) == 'object') {myFn(obj[i]);}}
}
myFn(o);
// 输出：
// name: [object Object]
// firstName: cloud
// lastName: huang
// age: 20

这样的话不论对象有多复杂的结构都能全部遍历到位；

困境

但同时，这也是个问题，一些对象层次非常深甚至是死循环的情况就尴尬了，类似于子对象属性与父对象属性一样，尝试用上诉函数遍历一下浏览器的window 对象就能体会了，你会后悔的；

所以为避免这种尴尬情况，设置一个迭代深度值吧，指定遍历到第几代：

var depth = 0;  // depth为迭代深度值
function myFn(obj) {for (i in obj) {console.log(i + ': ' + obj[i]);depth++;if (depth < 10&& typeof(obj[i]) == 'object') {myFn(obj[i]);}}
}

或者使用一种类似懒加载的形式：

function myFn(obj) {for (i in obj) {console.log(i + ': ' + obj[i]);if (typeof(obj[i]) == 'object') {// 判断用户是否要继续迭代if (confirmFn('是否深入遍历？')) {myFn(obj[i]);}}}
}

技术文章推送手机、电脑实用软件分享

JavaScript深度迭代遍历未知对象相关推荐

IOS遍历未知对象属性、函数
转:http://blog.csdn.net/chaoyuan899/article/details/24399761 #import <objc/runtime.h>@implement ...
如何在html页面遍历对象,javascript如何循环遍历对象？
在JavaScript中有多种循环遍历对象的方法,下面本篇文章就来给大家介绍一下使用JavaScript循环遍历对象的方法,希望对大家有所帮助. 1.使用for 循环 for 循环是 Js 中最常用的 ...
JavaScript 迭代器迭代对象
1.什么是迭代器? --------------------------------------什么是迭代器? 迭代器(iterator),是确使用户可在容器对象(container, ...
php json 遍历 keys,详解javascript遍历json对象的key和任意js对象属性的示例代码（图）...
下面小编就为大家带来一篇javascript遍历json对象的key和任意js对象属性实例.小编觉得挺不错的,现在就分享给大家,也给大家做个参考.一起跟随小编过来看看吧使用 keys 方法获取该对象 ...
JavaScript 可迭代对象
Javascript 可迭代对象小插曲我之前学到了对象与数组进行拼接,如果对象不加 [Symbol.isConcatSpreadable]:true,对象不会当作数组处理,反之,对象的元素将会像数 ...
javascript遍历json对象数据的方法
JSON中,有两种结构:对象和数组,对象是没有length这个属性,而数组结构是有的,下面分别说下这两种结构之间的区别和遍历方式. 1.对象一个对象以"{"开始,"}& ...
在JavaScript中逐个遍历数组？
如何使用JavaScript遍历数组中的所有条目? 我以为是这样的: forEach(instance in theArray) 其中theArray是我的数组,但这似乎是不正确的. #1楼如果您不 ...
js循环/迭代/遍历有多少方法
js循环/迭代/遍历有多少方法 JavaScript中存在着很多循环的方法常见的有for,while,do while,for in等, ES5中的forEach, ES6的for of , jqu ...
自学JavaScript第二天- JS 进阶: 对象函数
自学JavaScript第二天- JS 进阶: 对象函数对象进阶构造函数使用类类的继承静态方法函数进阶方法装饰器高阶函数 map / reduce filter sort ever ...

JavaScript深度迭代遍历未知对象

通常情况

特殊情况

困境

JavaScript深度迭代遍历未知对象相关推荐

最新文章

热门文章