遍历对象：编写一段js代码实现对对象obj={x:1,y:{a:2,b:{c:3,d:4}}}所有值的遍历

最新推荐文章于 2024-01-29 11:39:55 发布

545龙哥哥

最新推荐文章于 2024-01-29 11:39:55 发布

阅读量5.1k

点赞数 1

分类专栏：龙哥哥前端笔记文章标签：对象对象遍历嵌套对象递归遍历 Object.prototype.toString()

本文链接：https://blog.csdn.net/longgege001/article/details/83592530

版权

龙哥哥前端笔记专栏收录该内容

15 篇文章 2 订阅

订阅专栏

var obj = {
    x: 1,
    y: {
        a: 2,
        b: {
            c: 3,
            d: 4
        }
    }
};
//获取对象所有的key值
function getKeys(obj) {
    //es6新语法  Object.prototype.toString()方法精准判断参数值属于哪种类型
    if(Object.prototype.toString.call(obj) === "[object Object]") {
        var arr = [];
        var arrValue = [];
        var arrKeyValue = [];
        (function getKeysFn(o, char) {
            for(var key in o) {
                //判断对象的属性是否需要拼接".",如果是第一层对象属性不拼接，否则拼接"."
                var newChar = char == "" ? key : char + "." + key;
                if(Object.prototype.toString.call(o[key]) === "[object Object]") {
                    //如果属性对应的属性值仍为可分解的对象，使用递归函数继续分解，直到最里层
                    getKeysFn(o[key],newChar);
                } else {
                    arrValue.push(o[key]);
                    arr.push(newChar);
                    arrKeyValue.push(newChar + "=" + o[key]);
                }
            }
        })(obj,"");
        console.log(arr);
        console.log(arrValue);
        console.log(arrKeyValue);
    } else {
        console.log("传入的不是一个真正的对象哦！");
    }

}
getKeys(obj);

执行结果如下