javascript - 尝试访问vue js中嵌套对象内的空值时获取未定义

Question

我有一个对象

const data={a:'value1',b:{c:'null'}}

现在，当我尝试访问“c”时，我得到“未定义”，但得到的是“b”。我尝试像这样访问：

console.log(data.b) returns {c:'null'} but
console.log(data.b.c) returns undefined

Answer 1

用这个

let {c} = data.b;
console.log(c);

它将解决您的问题。

更新： 在 vue 组件中，有时您无法像这样获取嵌套对象

data.b.c

所以你必须使用这个策略来访问嵌套对象属性。像这样

let {c} = data.b