JS判断json对象字段属性值

最新推荐文章于 2023-12-27 22:56:00 发布

逆风飞翔的猿

最新推荐文章于 2023-12-27 22:56:00 发布

阅读量2.9k

点赞数

CC 4.0 BY-SA版权

分类专栏：前端文章标签： JS

本文链接：https://blog.youkuaiyun.com/chenqk_123/article/details/78729347

前端专栏收录该内容

16 篇文章

订阅专栏

本文介绍了一个简单的JavaScript函数，用于比较两个对象是否相同。该函数通过遍历第一个对象的所有属性，并检查这些属性是否存在于第二个对象中以及它们的值是否相等来进行比较。文章提供了一个示例，演示了如何使用此函数来验证两个对象之间的差异。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在处理编辑状态时的需求，如果用户不编辑或者编辑之后再取消编辑，需要判断选中对象是否发生变化。代码比较简单，由于是绑定的对象，所以字段是不会缺少或者变多的。

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <script type="application/javascript">
        var validatorObject = function (objA, objB) {
            for(var key in objA){
                if(objB.hasOwnProperty(key)){
                    if(objB[key] != objA[key]){
                        console.info("The value is not same:"+ key.toString()+"--("+objA[key]+":"+objB[key]+")");
                    }
                }else {
                    console.info("objA != objB : objB not contains "+key);
                }
            }
        }
        function init() {
            var jsonA = {name:"zhangsan",value:"1111",age:"13",tel:"13111111111"};
            var jsonB = {name:"lisi",value:"1111",age:"14"};
            validatorObject(jsonA,jsonB);
        }
    </script>
</head>
<body onload="init()">

</body>
</html>

输出结果如下：