写在开首

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)