原生JS手写实现深度比较函数——JS手写系列(二）

了旧

已于 2022-05-10 22:22:28 修改

阅读量536

点赞数

CC 4.0 BY-SA版权

分类专栏： JavaScript 文章标签： javascript 前端开发语言

于 2022-05-10 22:21:31 首次发布

本文链接：https://blog.csdn.net/weixin_44685906/article/details/124698921

JavaScript 专栏收录该内容

12 篇文章

订阅专栏

本文探讨了在JavaScript中如何实现深度比较函数，特别是针对引用数据类型。由于基本数据类型可以直接比较，但引用数据类型需要通过特定的递归方法进行深度比较。文章详细介绍了实现这种功能的思路和具体步骤。

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

原生JS手写实现深度比较函数——JS手写系列(二）

前言

在JavaScript中，对于深度比较，如果是基本数据类型，可以通过===便可完成实现。而对于引用数据类型，就要麻烦许多，由于栈空间中仅保存引用数据类型在堆空间中位置的地址指针（此处涉及到栈空间和堆空间，你是否了解该知识点呢？嘻嘻嘻），所以无法使用===进行比较。此时，便只能设计专门的函数进行引用数据类型的深度比较。

思路

核心思想：深度比较两个对象，就是要深度比较对象的每一个元素。=> 递归

具体实现

	function isObject(obj) {//判断obj是否为对象
        return typeof obj === 'object' && obj != null
    }

    function deepCompare(obj1, obj2) {//深度比较函数
        // 1.有一个或两个都不是对象
        if (!isObject(obj1) || !isObject(obj2)) {
            return obj1 === obj2
        }
        // 2.同一个对象
        if (obj1 === obj2) {
            return true
        }
        // 3.不是同一个对象
        const obj1Keys = Object.keys(obj1)
        const obj2Keys = Object.keys(obj2)
        // 3.1键数量不一样
        if (obj1Keys.length != obj2Keys.length) {
            return false
        }
        // 3.2键数量一样
        for (let key in obj1) {
            const res = deepCompare(obj1[key], obj2[key])//递归深度比较对象的每一个键值对
            if (!res) {//只要有一个键值对不相等，则两个对象就不相等
                return false
            }
        }
        return true
    }