js Array.indexOf() 查询元素索引方法总结

字符串或数字类型数组

使用Array.indexOf()查询字符串或者数字类型数组中某个元素的索引号,非常方便,IE8以上支持

let numberList = [1, 2, 3, 4];
let result1 = numberList.indexOf(2) // result1 = 1

let stringList = ['a', 'b', 'c', 'd']
let result2 = stringList.indexOf('a') // result2 = 0

对象类型数组

上面说到使用indexOf()查询数组某个元素的索引号,针对字符串或者数字类型没有问题,但是当数组中包含对象元素的时候,就会出现-1的情况。
有很多种方法查询对象数组的元素索引号,比如for、forEach等循环遍历的方法,本文不再赘述,只讲解findIndex方法。

let objList = [
{name:'john'},
{name:'jack'}
]
// 错误做法
let result1 = objList.indexOf({name:'jack'}) // result1 = -1
// 正确做法
let a = {name:'john'}
let result2 = objList.findIndex(obj => obj.name === a.name) // result2 = 0

参考:mdn Array.prototype.findIndex()

  • 0
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值