ES6(七)数组的扩展(2)Array.find()和findIndex()

时间:2021-6-7 作者:qvyue

这两个函数都是查找数组元素的,一个是返回元素,一个是返回元素的下标。

话说,和forEach有点像。

find

通过给定值查找数组元素。

const arr14 = [
    { name: 'jyk', age:18},
    { name: 'jyk001', age:19},
    { name: 'jyk002', age:20},
]

const a = arr14.find((item) => item.name === 'jyk')
console.log(a)
ES6(七)数组的扩展(2)Array.find()和findIndex()
查询元素

findIndex

这个是返回数组下标,那么找到后可以做什么呢?可以删掉这个元素。

const arr16 = [
    { name: 'jyk', age:18},
    { name: 'jyk001', age:19},
    { name: 'jyk002', age:20},
]

const i = arr16.findIndex((item) => item.name === 'jyk')
console.log(i)
arr16.splice(i, 1) // 删除
console.log(arr16)

ES6(七)数组的扩展(2)Array.find()和findIndex()
查找数组下标

首先找到元素的下标,然后通过下标删除对应的数组元素。这样写起来可以简洁一些。

另外两个参数

其实一共有三个参数:

  • 一个参数是当前数组元素,以供我们做查找,
  • 一个是当前数组下标,
  • 一个是原数组。
    这样我们用起来就更灵活了。
声明:本文内容由互联网用户自发贡献自行上传,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任。如果您发现有涉嫌版权的内容,欢迎发送邮件至:qvyue@qq.com 进行举报,并提供相关证据,工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。