JS對(duì)象數(shù)組中如何匹配某個(gè)屬性值
更新時(shí)間：2022年09月01日 11:14:42 作者：spe_track
這篇文章主要介紹了JS對(duì)象數(shù)組中如何匹配某個(gè)屬性值，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教
對(duì)象數(shù)組中匹配某個(gè)屬性值
如果有一個(gè)js對(duì)象數(shù)組，一個(gè)變量如下
var a = [
?? ?{
?? ??? ?'id' : 2,
?? ??? ?'name' : 'xxxx',
?? ?},
?? ?{
?? ??? ?'id' : 3,
?? ??? ?'name' : 'bbbbb',
?? ?},
];
var b = 3;我想要查詢 變量b，是否在數(shù)組a的id值中，如果在，返回true；不在，返回false
寫(xiě)法如下
if (a.find(item => {return item.id == b}) != undefined)
{
? ? return true;
} else {
? ? return false;
}find方法檢索數(shù)組，如符合條件 item.id == b，那么返回第一個(gè)被檢索到的對(duì)象，如果檢索不到，返回 undefined
對(duì)象數(shù)組取出對(duì)象屬性值完全一樣的項(xiàng)
vvar ary=[
?? ??? ??? ? ? ?{"RaDate":'2021-09-08',"Type":'Morning2','title':'測(cè)試2'},
?? ??? ??? ? ? ?{"RaDate":'2021-10-08',"Type":'Morning2','title':'測(cè)試1'},
?? ??? ??? ? ? ?{"RaDate":'2021-09-08',"Type":'Morning2','title':'測(cè)試2'},
?? ??? ??? ??? ?{"RaDate":'2021-10-08',"Type":'Morning2','title':'測(cè)試2'},
?? ??? ??? ? ? ]
?? ??? ??? ?let obj = {};
?? ??? ??? ?var result = ary.reduce((cur, next,index) => {
?? ??? ??? ? ? ?var key = next.RaDate + next.Type+ next.title
?? ??? ??? ? ? ?obj[key] ?cur.push(next): obj[key] = true
?? ??? ??? ? ? ?return cur;
?? ??? ??? ?}, [])
?? ??? ??? ?console.log(result)
以上為個(gè)人經(jīng)驗(yàn)，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
本文主要介紹了js實(shí)現(xiàn)登錄驗(yàn)證碼的方法，代碼簡(jiǎn)潔明了，具有很好的參考價(jià)值，需要的朋友一起來(lái)看下吧2016-12-12
select自定義小三角樣式代碼（實(shí)用總結(jié)）
這篇文章主要介紹了select自定義小三角樣式，通過(guò)css HTML js 代碼詳細(xì)展示了操作過(guò)程，自定義小三角樣式，也可以做出select文字居中的效果,需要的朋友可以參考下2017-08-08
javascript實(shí)現(xiàn)簡(jiǎn)易數(shù)碼時(shí)鐘
這篇文章主要為大家詳細(xì)介紹了javascript實(shí)現(xiàn)簡(jiǎn)易數(shù)碼時(shí)鐘，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-03-03
JavaScript詳細(xì)分析數(shù)據(jù)類型和運(yùn)算符
這篇文章主要介紹了JavaScript數(shù)據(jù)類型和運(yùn)算符案例,結(jié)合實(shí)例形式分析了JavaScript數(shù)據(jù)類型和運(yùn)算符特性與相關(guān)操作技巧,需要的朋友可以參考下2022-07-07
這篇文章主要介紹了微信小程序3種位置API的使用方法詳解,文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2019-08-08
JavaScript如何實(shí)現(xiàn)監(jiān)聽(tīng)鍵盤(pán)輸入和鼠標(biāo)監(jiān)點(diǎn)擊
這篇文章主要介紹了JavaScript如何實(shí)現(xiàn)監(jiān)聽(tīng)鍵盤(pán)輸入和鼠標(biāo)監(jiān)點(diǎn)擊，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2020-07-07
使用KrpanoToolJS在瀏覽器切圖的實(shí)例詳解
這篇文章主要介紹了使用KrpanoToolJS在瀏覽器切圖的實(shí)例詳解,大概是需要在瀏覽器中將全景圖轉(zhuǎn)為立方體圖、多層級(jí)瓦片圖，通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2022-10-10
發(fā)布一個(gè)基于javascript的動(dòng)畫(huà)類 Fx.js
支持大部分CSS3屬性的動(dòng)畫(huà)(可能要指定詳細(xì)的屬性值)。2010-11-11
How to Auto Include a Javascript File
How to Auto Include a Javascript File...2007-02-02
JSON.stringify(遞歸)與?JSON.parse(有限狀態(tài)自動(dòng)機(jī))的實(shí)現(xiàn)代碼
這篇文章主要介紹了JSON.stringify（遞歸）與?JSON.parse（有限狀態(tài)自動(dòng)機(jī)）的實(shí)現(xiàn),本文通過(guò)示例代碼給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2022-08-08