js中indexOf()返回,find(),findIndex(),includes()的使用,遍历数组返回符合条件

1,indexOf()方法可返回某个指定的字符串值在字符串中首次出现的位置(下标)。没有则返回-1

用法: 数组或者对象.indexOf(value , fromIndex)

有两个值,值1:value需要查询的字符串的值;值2:fromIndex从那个位置开始检索,不写则默认从下标0开始

实例:let a = arr.indexOf("我是要被检索的值",‘我是开始检索的位置,可以不写’)

2,find()方法,用于获取数组中符合指定条件的第一个元素,该方法会为数组中的每个元素都调用一次回调函数,通过回调函数来查找符合指定条件的第一个元素;

语法“array.find(function(item, index, arr){},Value)”。或者使用箭头函数:array.find((item, index, arr)=>{return    },Value)

两个参数:第一个参数是回调函数,返回符合条件的值,参数2是可选。 传递给函数的值一般用 "this" 值。如果这个参数为空, "undefined" 会传递给 "this" 值

回调函数中三个参数,参数1:item,数组中的每一个数组元素,参数2:index,下标,参数3:数组本身

  • 当数组中的元素在测试条件时返回 true 时, find() 返回符合条件的元素,之后的值不会再调用执行函数。
  • 如果没有符合条件的元素返回 undefined
  • 以回调函数中的return的条件判断返还符合的第一个元素值,和filter差不多

实例:let band = arr.find(b => b.checked)    let band = arr.find(b => return b.checked) //b.checked是true或者false,也可以是判断条件

let a = arr.find((b,index,arr){
        return b.checked 
})

let a= arr.find(p => p.checkde== auth.provinceCode)

3,findIndex()方法返回传入一个测试条件(函数) 符合条件的数组第一个元素位置。

方法为数组中的每个元素都调用一次函数执行:

  • 当数组中的元素在测试条件时返回 true 时, findIndex() 返回符合条件的元素的索引位置,之后的值不会再调用执行函数。
  • 如果没有符合条件的元素返回 -1

注意: findIndex() 对于空数组,函数是不会执行的。

注意: findIndex() 并没有改变数组的原始值。

用法: let index = arr.findIndex(function(){
        return 判断条件:true,if判断,属性等
})

也可以用箭头函数

返回的是判断函数的符合的第一个元素位置(下标)

实例:let i = this.bandType.findIndex(item=>{return item.isSupport==true})

4,includes()方法,遍历数组,找到符合条件的数据返回true或者false,可用于条件判断

用法,arr.includes(value,formIndex)

两个值value,指的是要搜索的值,formIndex从那个下标开始搜索,不写默认从0开始

案例:var n = str.includes("Runoob");//true 

 if (arr.includes(obj.key)) {//判断是否支持

}

5,

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值