js的坑之--indexOf

本文通过实例解析了JavaScript中对象比较的原理,揭示了为何两个看似相同的对象在使用indexOf进行比较时会返回-1,深入探讨了引用类型比较背后的机制,并通过map方法展示了引用地址复制的现象。

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

先来一个小栗子

var a = {a: 2}
var arr = [a]
console.log(arr.indexOf(a)) // 输出 0 

这段代码看着没问题

下面魔法来了

var arr = [{a: 2}]
console.log(arr.indexOf({a: 2})) // 输出 -1

var arr = [{a: 2}]
var a = {a: 2}
console.log(arr.indexOf(a)) // 输出 -1

黑人问号?????why???

一顿百度
原来两个引用类型比较的时候,是比较的引用地址,两个对象的引用地址不可能相同,除非他们是复制出来的(var a = b,这样他们的引用地址才是一样的)

延伸一下

var arr = [{a : 2}]
arr.map(item => {
	fun(item)
})
function fun (arg) {
	console.log(arr.indexOf(arg)) // 输出0 这就是引用地址的复制
}
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值