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

打印都为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%以上前端开发知识点,真正体系化!

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

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

最后

文章到这里就结束了,如果觉得对你有帮助可以点个赞哦,如果有需要前端校招面试题PDF完整版的朋友可以点击这里即可免费获取,包括答案解析。

H4lCoPEF.jpg" />

最后

文章到这里就结束了,如果觉得对你有帮助可以点个赞哦,如果有需要前端校招面试题PDF完整版的朋友可以点击这里即可免费获取,包括答案解析。

[外链图片转存中…(img-MLBrDGMQ-1712165303462)]

  • 15
    点赞
  • 22
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值