JS深拷贝与对象比较简单实现

本文主要是介绍JS深拷贝与对象比较简单实现，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

最近在看《现代JavaScript库开发》，第一章深拷贝函数如下：

function clone(source) {const aType = type(source);if (aType !== 'array' && aType !== 'object') {return source;}let target;if (aType === 'object') {target = {};for(let k in source){if (source.hasOwnProperty(k)) {target[k] = clone(source[k]);}}} else {target = [];for (let i in source) {target[i] = clone(source[i]);}}return target;}function type(a) {return Object.prototype.toString.call(a).slice(8, -1).toLowerCase();
}const a = {age: 14, name: 'zs'};
const b = clone(a);
a.age = 28;
a.name = 'ls';console.log(b)

这是个基础版，不过还是很有学习空间的，于是自己接着这个思路也Mock了一个isEqual函数：

function equal(c1, c2) {const c1Type = type(c1);const c2Type = type(c2);if (c1Type !== c2Type) {return false;}if (c1Type !== 'array' && c1Type !== 'object') {return c1 === c2;}if (!compareKeysArray(Object.keys(c1), Object.keys(c2))) {return false;}for (let k in c1) {if (!equal(c1[k], c2[k])) {return false;}}return true;}function compareKeysArray(arr1, arr2) {arr1.sort();arr2.sort();if (arr1.length !== arr2.length) {return false;}for (let [i, v] of arr1.entries()) {if (v !== arr2[i]) {return false;}}return true;
}function type(a) {return Object.prototype.toString.call(a).slice(8, -1).toLowerCase();
}const obj1 = { a: 1, b: 2, c: undefined };
const obj2 = { b: 2, d: undefined, a: 1 };
console.log(equal(obj1, obj2));

这个只是beta版，感觉还有很多优化空间。后续有更新了再补充。

还有一种流传的方法就是使用JSON.stringify，但是当key的顺序不一样的时候就尴尬了:

const obj1 = { a: 1, b: 2, c: undefined };
const obj2 = { b: 2, c: undefined, a: 1 };
console.log(JSON.stringify(obj1) === JSON.stringify(obj2)); // false

这篇关于JS深拷贝与对象比较简单实现的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---