目標(biāo)
例如 a = ['a', 'b', 'c']
,可以通過a[0]
得到'a'
那么info = { success: { text: 'yes'}, warning: { text: 'wrong' , url: '/home'} }
,能不能通過類似info[0]
的方式對(duì)應(yīng)到{text:'yes'}
呢?當(dāng)然是可以的,
實(shí)現(xiàn)
根據(jù)輸入的indexAsYouWant
取出對(duì)象中對(duì)應(yīng)的值
infoResult = this.info[Object.keys(this.info)[indexAsYouWant]]
說明
ES5
的Object.keys方法,成員是參數(shù)對(duì)象自身的(不含繼承的)所有可遍歷( enumerable )屬性的鍵名。
比如:
var arr = [a:1, b:2];
console.log(Object.keys(arr)); // console: ["a", "b"]
然后就ok了
應(yīng)用
比如獲得的場(chǎng)景值是0,1,2,3,對(duì)應(yīng)default,success,fail,special的業(yè)務(wù)場(chǎng)景,每種場(chǎng)景有不同的提示文字、icon、主題色、按鈕顯示、事件
如果合適的話,可以考慮用類似下面之類的方式來處理文章來源:http://www.zghlxwxcb.cn/news/detail-604899.html
info = {
default: {
text: 'default',
button:false,
color: '#3D9EE9',
icon:'underway',
func: this.defaultFunc
},
success: {
text: 'yes',
func: ()=>{
console.log('success')
}
},
warning: {
text: 'wrong' ,
url: '/home'
}
}
參考
Object.keys()的詳解和用法文章來源地址http://www.zghlxwxcb.cn/news/detail-604899.html
到了這里,關(guān)于【前端】如何像取數(shù)組一樣地取對(duì)象的文章就介紹完了。如果您還想了解更多內(nèi)容,請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!