首頁猿問 ...

如何優(yōu)雅的判斷一個對象及該對象中的某個屬性是否存在(JS)

JavaScript

慕妹3146593 2019-10-25 21:17:22

像這樣,需要拿到傳入?yún)?shù)的padding值,但是不確定是否傳入了eleStyle,更不確定eleStyle中的其他屬性是否傳入,目前使用三元表達式進行判斷,但依然有些繁瑣...data:{show:true,//可能傳入的參數(shù)eleStyle:{//以下某一參數(shù)均有可能不傳width:100,height:100,padding:20,}}letpadding=eleStyle&&eleStyle.padding?eleStyle.padding:10//當eleStyle.padding為0時,所得到的padding值仍為默認,所以可能應該是下面這種:letpadding=eleStyle&&eleStyle.padding!==undefined?eleStyle.padding:10如果需要的參數(shù)取自更深層的對象,那這樣寫也顯得十分臃腫,所以請教一下有沒有什么好的方法解決這種問題...

查看完整描述

2 回答

慕容708150

TA貢獻1831條經(jīng)驗獲得超4個贊

letpadding='eleStyle.padding'.split('.').reduce((res,key)=>{returnres!=null?res[key]:null},data)padding=padding!=null?padding:10;

反對回復 2019-10-25

不負相思意

TA貢獻1777條經(jīng)驗獲得超10個贊

30-seconds-of-code里有算是很優(yōu)雅的寫法，可以參考一下。其他做法的內(nèi)部實現(xiàn)可能不一樣，但理念很類似。constget=(from,...selectors)=>[...selectors].map(s=>s.replace(/\[([^\[\]]*)\]/g,'.$1.').split('.').filter(t=>t!=='').reduce((prev,cur)=>prev&&prev[cur],from));