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

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

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

寫在開頭

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

es6 find

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

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

const arr = [
        {id:"1",name:"Jim",age:"20"},
        {id:"2",name:"Lily",age:"18",test:"測(cè)試"},
        {id:"3",name:"Mei",age:"45"},
        {id:"2",name:"Jane",age:"13"}
    ]

實(shí)例問(wèn)題

尋找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: "測(cè)試"}
總結(jié)

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

注意

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

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

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

轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/102089.html

相關(guān)文章

mongodb簡(jiǎn)介

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

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

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

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

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

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

摘要：因?yàn)橥粫r(shí)間，只能處理一個(gè)異步，這又牽扯到單線程問(wèn)題了。然后控制臺(tái)默默打印了個(gè)目前前端，異步主要為前后端交互以及定時(shí)器，僅僅說(shuō)前端，如果說(shuō)的話，還有文件讀取等其他的方面會(huì)異步。此篇文章完全按照我個(gè)人理解去寫。 1.何為JS 先說(shuō)說(shuō)js干啥的。不負(fù)責(zé)點(diǎn)說(shuō)，js就是操作瀏覽器的。有人可能說(shuō)nodeJS，nodeJS嚴(yán)格意義上只能說(shuō)是用的ES,因?yàn)樗麤]有dom ，也沒有bom。簡(jiǎn)單點(diǎn)說(shuō)...

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

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

awesome23 2019-05-23 11:57 評(píng)論0 收藏0