es6 find 数组内查询用法

写在开头

1.第二次发布,希望能发布上
2.每当碰到新的问题搜索时,总是搜索多个结果才能从复杂的答案中理解清楚
3.直到遇到了思否,答案简单明了,一看就懂
希望自己也能很清晰地表达清楚,让朋友一看就懂,知道什么时候该用它
以后会努力学习,写一写关于前端框架和es6的

es6 find

arr.find(item,index,arr)=>{return item.id == 2}
//(item里每一项对比,条件)
//item为循环的每一项
//index为角标
//arr为数组

数据数组

const arr = [
        {id:"1",name:"Jim",age:"20"},
        {id:"2",name:"Lily",age:"18",test:"测试"},
        {id:"3",name:"Mei",age:"45"},
        {id:"2",name:"Jane",age:"13"}
    ]

实例问题

寻找id=2 的数据?

解决写法

1.之前for循环写法

let output=[]
for(let i = 0;i<arr.length;i++ ){
    if (arr[i].id==2) {
                         output.push(arr[i])
                      }          
}
// {id: "2", name: "Lily", age: "18", test: "测试"},{id: "2", name: "Jane", age: "13"}

2 用find写法

let output = arr.find((item,index,arr)=>{
   return item.id == '2'
})
// {id: "2", name: "Lily", age: "18", test: "测试"}

总结

  • 数组内数据查询
  • 当我们需要查询出唯一一条数据时,可以选择用find
  • 当查询不到符合条件的数据时,返回 undefined

注意

  • 当find查询到第一条与条件相符的数据时,会停止查询,只会查询出第一条相符数据
  • 不兼容IE浏览器 (不包含IE edge)
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值