寫在開頭

1.第二次發(fā)布,希望能發(fā)布上
2.每當碰到新的問題搜索時,總是搜索多個結果才能從復雜的答案中理解清楚
3.直到遇到了思否,答案簡單明了,一看就懂
希望自己也能很清晰地表達清楚,讓朋友一看就懂,知道什么時候該用它
以后會努力學習,寫一寫關于前端框架和es6的

es6 find

arr.find(item,index,arr)=>{return item.id == 2} //(item里每一項對比,條件) //item為循環(huán)的每一項 //index為角標 //arr為數(shù)組

數(shù)據(jù)數(shù)組

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 的數(shù)據(jù)?

解決寫法

1.之前for循環(huán)寫法

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: "測試"}

總結

• 數(shù)組內數(shù)據(jù)查詢
• 當我們需要查詢出唯一一條數(shù)據(jù)時,可以選擇用find
• 當查詢不到符合條件的數(shù)據(jù)時,返回 undefined

注意

• 當find查詢到第一條與條件相符的數(shù)據(jù)時,會停止查詢,只會查詢出第一條相符數(shù)據(jù)
• 不兼容IE瀏覽器 (不包含IE edge)

總結

以上是生活随笔為你收集整理的es6 find 数组内查询用法的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內容還不錯，歡迎將生活随笔推薦給好友。