遍历object

最新推荐文章于 2022-05-24 19:16:09 发布

lnn2007

最新推荐文章于 2022-05-24 19:16:09 发布

阅读量2k

点赞数

分类专栏： Jquery 学习笔记

本文链接：https://blog.csdn.net/lnn2007/article/details/9095851

版权

学习笔记同时被 2 个专栏收录

15 篇文章 0 订阅

订阅专栏

Jquery

3 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
<head>
    <meta content="text/html; charset=utf-8" http-equiv="content-type">
    <title>遍历object</title>
    <script type="text/javascript" src="traverse.js"></script>
    <script type="text/javascript">
        function myFunc(k,v){
                if(k!="age"){
                    return v;
                }else{
                    //return 1;
                }
        }
        var person = {
            age:18,
            name:"ShaoNan",
            blog:{
                csdn:"website",
                zhihu:"website1"
            }
        }
        var result = _revive(person,myFunc);
        console.log(result);
        //console.log(htmlEscape("<p class=\"greeting\">Hello world!</p>" ));
    </script>
</head>
<body>
</body>
</html>

traverse.js文件：

function _revive(data, reviver) {
    var walk = function (o,key) {//第一次调用，o[key]===data

        var k,v,value = o[key];
        if (value && typeof value === 'object') {
            for (k in value) {
                if (value.hasOwnProperty(k)) {
                    //递归，递归的结果就是最后一个值最先出来
                    //console.log(v);
                    v = walk(value, k);//找值，导致不符合的就被拿出
                    if (v === undefined) {
                        delete value[k];
                    } else {
                        value[k] = v;
                    }
                }
            }
        }
        return reviver.call(null,key,value);
    };

    return typeof reviver === 'function' ? walk({'':data},'') : data;
}

_revive调用效果图：

流程图