js判断两个对象是否相等的办法,包含绝对相等和形状内容相等

本文介绍了一个JavaScript函数looseEqual,用于判断两个对象是否在形状和内容上相同,包括数组、Date对象和普通对象的比较。同时提到前端开发的学习挑战和作者提供的全套学习资料,旨在帮助初学者系统学习前端技能。

打印都为false,虽然他们模样一样,当需要判断对象的形状和内容都一样的时候,就比如上面的obj1、obj2,怎么办呢?它来了

完整代码:

//判断两个对象是否相同(包含绝对相等和他们是否有相同的形状)

function looseEqual (a, b) {

if (a === b) { //如果是绝对相等就直接返回true

return true ;

}

//如果不是绝对相等就哦按的他们是否有相同的形状

var isObjectA = isObject(a);

var isObjectB = isObject(b);

if (isObjectA && isObjectB) {//两个均是对象

try {

var isArrayA = Array.isArray(a);

var isArrayB = Array.isArray(b);

if (isArrayA && isArrayB) {//如果都是数组

if(a.length === b.length){//如果长度相等

return a.every(function (e, i) {//用every和递归来比对a数组和b数组的每个元素,并返回

return looseEqual(e, b[i])

})

}

//长度都不等直接返回false

return false;

} else if (a instanceof Date && b instanceof Date) {//如果是Date 则直接getTime 比较

return a.getTime() === b.getTime()

} else if (!isArrayA && !isArrayB) {//对象的比较

//拿到两个对象的key

var keysA = Object.keys(a);

var keysB = Object.keys(b);

if(keysA.length === keysB.length){//如果keys相等

return keysA.every(function (key) {//用every和递归来比对a对象和b对象的每个元素值,并返回

return looseEqual(a[key], b[key]);

})

}

//长度都不等直接返回false

return false;

} else {

return false

}

} catch (e) {

return false

}

} else if (!isObjectA && !isObjectB) {//如果都不是对象则按String来处理

return String(a) === String(b)

} else {

return false

}

}

function isObject (obj) {

return obj !== null && typeof obj === ‘object’

}

测试一波:

//字符

var str1=“abc”;

var str2=“abc”;

console.log(looseEqual(str1,str2))

//数字

var num1=12222;

var num2=12222;

console.log(looseEqual(num1,num2))

//对象

var obj1={0:‘a’,1:‘b’,2:‘c’}

var obj2={0:‘a’,1:‘b’,2:‘c’}

console.log(looseEqual(obj1,obj2))

//对象嵌套数组

var obj1={0:‘a’,1:‘b’,2:[1,2,3]}

var obj2={0:‘a’,1:‘b’,2:[1,2,3]}

console.log(looseEqual(obj1,obj2))

//类数组

自我介绍一下,小编13年上海交大毕业,曾经在小公司待过,也去过华为、OPPO等大厂,18年进入阿里一直到现在。

深知大多数前端工程师,想要提升技能,往往是自己摸索成长或者是报班学习,但对于培训机构动则几千的学费,着实压力不小。自己不成体系的自学效果低效又漫长,而且极易碰到天花板技术停滞不前!

因此收集整理了一份《2024年Web前端开发全套学习资料》,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友,同时减轻大家的负担。

img

既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,基本涵盖了95%以上前端开发知识点,真正体系化!

由于文件比较大,这里只是将部分目录截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且会持续更新!

如果你觉得这些内容对你有帮助,可以扫码获取!!(备注:前端)

最后

你要问前端开发难不难,我就得说计算机领域里常说的一句话,这句话就是『难的不会,会的不难』,对于不熟悉某领域技术的人来说,因为不了解所以产生神秘感,神秘感就会让人感觉很难,也就是『难的不会』;当学会这项技术之后,知道什么什么技术能做到什么做不到,只是做起来花多少时间的问题而已,没啥难的,所以就是『会的不难』。

我特地针对初学者整理一套前端学习资料分享给大家,戳这里即可领取

前端路线图

难的不会』;当学会这项技术之后,知道什么什么技术能做到什么做不到,只是做起来花多少时间的问题而已,没啥难的,所以就是『会的不难』。

我特地针对初学者整理一套前端学习资料分享给大家,戳这里即可领取

[外链图片转存中…(img-U0ViwiMa-1712461195593)]

vue.js的36个技巧

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值