已解決430363個問題，去搜搜看，總會有你想問的

js對象如何優雅的取一個深度的值？

首頁猿問 js對象如何優雅的取一個深度的值？

js對象如何優雅的取一個深度的值？

JavaScript

ibeautiful 2018-08-28 13:22:27

問題描述比如后臺可能返回一個對象let obj = { school: { class1: { student: 50 } } }我需要取出里面student的值，但是有可能后臺返回給我的是 {school: null} 或者 {} 甚至是 undefined因此我取值時可能是let student = obj?(obj.school?(obj.school.class1?(obj.school.class1.studnet?obj.school.class1.studnet:''):''):''):'';這顯然可讀性不好，也麻煩，請問有什么方式可以優雅的處理這種取值并且防止Cannot read property 'xxx' of undefined 的報錯嗎

查看完整描述

2 回答

慕斯王

TA貢獻1864條經驗獲得超2個贊

function safeProps(func, defaultVal) {

try {

return func();

} catch (e) {

return defaultVal;

}

safeProps(function(){

student = obj.school.class1.student

}, -1)

反對回復 2018-09-06

海綿寶寶撒

TA貢獻1809條經驗獲得超8個贊

如果不用考慮兼容性的話，加個Proxy監聽get是個很合適的辦法

/**

* @param target

* @param exec 取值屬性

* @returns {*}

function getter(target, exec = '_') {

return new Proxy({}, {

get: (o, n) => {

return n === exec ?

target :

getter(typeof target === 'undefined' ? target : target[n], exec)

}

});

}

let obj = {

school: {

class1: {

student: 50

}

};

console.log(getter(obj).school.class1.student._)//50

console.log(getter(obj).school1.class11.student._)//undefined

反對回復 2018-09-06

2 回答
0 關注
1461 瀏覽

關注

添加回答

舉報

0/150

提交

取消

亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

熱搜

最近搜索清空

js對象如何優雅的取一個深度的值？

js對象如何優雅的取一個深度的值？

2 回答

添加回答

js對象如何優雅的取一個深度的值？

js對象如何優雅的取一個深度的值？