• 現有對象如下

let obj = {a: {b:{c:{d:'Marron'}}} }

• 想通過一個方法,輸入該對象和路徑a.b.c.d獲取Marron的值
  【思路】:

首先使用split數據,將a.b.c.d變為[a, b, c, d]

然后使用shift()方法每次取出最前面的屬性名,存放在prop中

新建一個res對象,讓res = res[prop]

• 現假設有一函數如下:

var f = function(obj, path){let res = obj,currProp,props = path.split('.');// [a, b, c, d]while(currProp = props.shift()){res = res[currProp] }return res } let obj = {a: {b:{c:{d:'Marron'}}} } console.log(f(obj, 'a.b.c.d')) // Marron

• 上面已經成功的實現了基本的需求.但是如果傳入的路徑是錯誤的.有可能會報錯.
• 栗子:

console.log(f(obj, 'a.c.d.e'))

Uncaught TypeError: Cannot read property ‘d’ of undefined

【解決辦法】:
在進行res = res[currProp]時,首先判斷res[currProp]是否為undefined：

• 若是,則return undefined
• 否則才進行下一步
• 改進后的代碼如下:

var f = function(obj, path){let res=obj,currProp,props = path.split('.');// [a, b, c, d]while(currProp = props.shift()){if(!res[currProp]){return undefined} else {res = res[currProp] }}return res } let obj = {a: {b:{c:{d:'Marron'}}} } console.log(f(obj, 'a.c.d.e')) console.log(obj) 創作挑戰賽新人創作獎勵來咯，堅持創作打卡瓜分現金大獎

總結

以上是生活随笔為你收集整理的javascript --- 对象属性的深层次获取的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。