es6 find 數(shù)組內(nèi)查詢用法

AlphaWatch 發(fā)布于2019-08-23 15:27 / 2685人閱讀

摘要：寫在開頭第二次發(fā)布希望能發(fā)布上每當碰到新的問題搜索時總是搜索多個結(jié)果才能從復(fù)雜的答案中理解清楚直到遇到了思否答案簡單明了一看就懂希望自己也能很清晰地表達清楚讓朋友一看就懂知道什么時候該用它以后會努力學(xué)習(xí)寫一寫關(guān)于前端框架和的里每一項對比條件

寫在開頭

1.第二次發(fā)布,希望能發(fā)布上
2.每當碰到新的問題搜索時,總是搜索多個結(jié)果才能從復(fù)雜的答案中理解清楚
3.直到遇到了思否,答案簡單明了,一看就懂
希望自己也能很清晰地表達清楚,讓朋友一看就懂,知道什么時候該用它
以后會努力學(xué)習(xí),寫一寫關(guān)于前端框架和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
2 用find寫法
let output = arr.find((item,index,arr)=>{
   return item.id == "2"
})
// {id: "2", name: "Lily", age: "18", test: "測試"}
總結(jié)

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

注意

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

GPU云服務(wù)器云服務(wù)器 find用法 find的用法 find linux 用法 es6 json查詢

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://m.hztianpu.com/yun/102089.html

相關(guān)文章

mongodb簡介

摘要：示例給追加別名，用法作用加一個值到數(shù)組內(nèi)，而且只有當這個值在數(shù)組中不存在時才增加。示例刪除記錄內(nèi)的所有別名可以看到和已經(jīng)全部被刪除了用法作用對字段進行重命名示例把記錄的字段重命名為由結(jié)果可以看出字段已經(jīng)被更新為了。 1. 來源存儲方式就是個大json，很靈活。 2. 官網(wǎng)下載安裝 https://docs.mongodb.com 3. 啟動 // 指定數(shù)據(jù)庫所在的文件夾 mongod...

zsirfs 2019-06-26 17:17 評論0 收藏0
在node中的mongodb及mongoose常見用法

摘要：是在環(huán)境下對進行便捷操作的對象模型工具安裝一開始需要安裝環(huán)境以及數(shù)據(jù)庫，然后創(chuàng)建數(shù)據(jù)文件夾并且啟動安裝啟動。出錯返回符合條件的文檔數(shù)。修改后的標題同上取反，刪除一個字段執(zhí)行后字段不存在增減修改器，只對數(shù)字有效。 Mongoose是在node.js環(huán)境下對mongodb進行便捷操作的對象模型工具安裝一開始需要安裝node.js環(huán)境以及mongodb數(shù)據(jù)庫，然后創(chuàng)建mongdb數(shù)據(jù)文件...

liuhh 2019-06-26 17:40 評論0 收藏0
ES6中Array.find()和findIndex()函數(shù)用法詳解

摘要：張三男王小毛男李四男關(guān)于的使用方法返回數(shù)組中符合測試函數(shù)條件的第一個元素。否則返回在這兒需要注意的幾個點第一個元素測試函數(shù)李四返回結(jié)果為李四男結(jié)合的改進李四返回的是李四男這個元素李四返回的是索引下標 ES6為Array增加了find()，findIndex函數(shù)。find()函數(shù)用來查找目標元素，找到就返回該元素，找不到返回undefined，而findIndex()函數(shù)也是查找目標元素...

yuanzhanghu 2019-08-26 13:44 評論0 收藏0
js基礎(chǔ)常用知識點由淺入深整理篇

摘要：因為同一時間，只能處理一個異步，這又牽扯到單線程問題了。然后控制臺默默打印了個目前前端，異步主要為前后端交互以及定時器，僅僅說前端，如果說的話，還有文件讀取等其他的方面會異步。此篇文章完全按照我個人理解去寫。 1.何為JS 先說說js干啥的。不負責點說，js就是操作瀏覽器的。有人可能說nodeJS，nodeJS嚴格意義上只能說是用的ES,因為他沒有dom ，也沒有bom。簡單點說...

Zack 2019-08-26 10:11 評論0 收藏0
Array()方法匯總

摘要：方法為數(shù)組中的每個元素都調(diào)用一次函數(shù)執(zhí)行如果沒有符合條件的元素返回對于空數(shù)組，函數(shù)是不會執(zhí)行的。不改變原數(shù)組和差不多，默認返回的是索引。擅長網(wǎng)站建設(shè)公眾號開發(fā)微信小程序開發(fā)小游戲公眾號開發(fā)，專注于前端領(lǐng)域框架交互設(shè)計圖像繪制數(shù)據(jù)分析等研究。1. length屬性 && 檢測數(shù)組 length屬性不是只讀，可以設(shè)置該屬性，從數(shù)組的末尾移除項或添加新項檢測數(shù)組：一個全局作用域下（一個網(wǎng)頁...

awesome23 2019-05-23 11:57 評論0 收藏0