js实现判断对象属性值是否变化

最新推荐文章于 2024-06-02 06:45:00 发布

咖喱&土豆

最新推荐文章于 2024-06-02 06:45:00 发布

阅读量3.6k

点赞数

分类专栏： js 文章标签：对象比较属性值页面状态 JavaScript 深度比较

本文链接：https://blog.csdn.net/qq_35703552/article/details/126348432

版权

js 专栏收录该内容

17 篇文章 0 订阅

订阅专栏

需求中判断页面是否编辑过的时候，可以采用比较对象属性值是否变化的方式来判断页面是否属于修改过状态

 isObjectValueEqual (a, b) {
        //取对象a和b的属性名
        let aProps = Reflect.ownKeys(a);
        let bProps = Reflect.ownKeys(b);
        if (aProps.length != bProps.length) {
            return false;
        }
        //循环取出属性名，再判断属性值是否一致
        for (let i = 0; i < aProps.length; i++) {
            let propName = aProps[i];
            let type = typeof a[propName];
            if(type === 'object'){
                //值是对象类型就递归
                if(!this.isObjectValueEqual(a[propName],b[propName])){
                    return false;
                }
            }else{
                if(a[propName] !== b[propName]) {
                    return false;
                }
            }
        }
        return true
    }