获取ES6速记法中深层属性的最佳方法[重复]

Question

我遇到了一个问题，在这里我有一个对象，如下所示

a = {
   b: {
    c: 10
   }
};

现在这是一个动态对象，在运行时可以是空的，就像这个a={}，我试图用ES6速记符号来读取c，比如const{b:{c}}=a；。但每次对象为空时都会出现错误。有没有一种方法我仍然可以对空对象使用这种表示法，比如在这种情况下c的get undefined。

我知道我可以做像（a. b？a. b. c：未定义），但我只是想知道怎么做。

Answer 1

您可能需要一种通用的方法，这种方法对于浅层结构来说并不简洁，但可以节省您编译条件的静态序列。

function dive (obj, pz) {
  return pz.reduce((acc, p) => {
    return obj && p in acc ? acc[p] : undefined;
  }, obj);
}

你可以使用任意深度

console.log(dive({a:{b:{c:[10,11,12]}}}, ['a', 'b', 'c', 1]))

c、 f.本演示

Answer 2

你能行

let a = {
   b: {
    c: 10
   }
};

let result = a && a.b && a.b.c;

console.log(result);

Answer 3

您可以对内部对象执行={}：

js lang-js prettyprint-override">const a = {
   b: {
    c: 10
   }
};

const f = ({b: {c} = {}}) => console.log(c)

f(a)
f({})