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