如何使用默认值使用null值来构造嵌套对象

Question

尝试构造可能为null的嵌套对象时，不使用默认值。

我通过多个阶段的解构来完成这个，但如果可能的话，宁愿在一个阶段中完成。

const obj = { a: null };
const { a: { b, c } = {} } = obj;

这会导致错误：
Cannot destructure property 'b' of 'undefined' or 'null'

我希望b和c是undefined

Answer 1

对于要使用的默认值 ，必须undefined要解构的值。

 const obj = { a: undefined }; const { a: { b, c } = {} } = obj; console.log(b, c) 

Answer 2

您可以将null更改为临时对象中的空对象。 在对象条目上使用map()将null更改为空对象{} ，然后使用Object.fromEntries将其转换为对象

 const obj = { a: null }; const { a: { b, c } = {} } = Object.fromEntries(Object.entries(obj).map(x => x[1] === null ? {} : x)); console.log(b,c) 

Answer 3

转换后，您的代码如下所示 ：

var obj = { a: null };
var _obj$a = obj.a;
_obj$a = _obj$a === void 0 ? {} : _obj$a;
var b = _obj$a.b,
    c = _obj$a.c;

这里_obj$a是引用obj.a的临时变量。 如果提供了默认值，它将仅针对void 0 （或undefined ）检查此值，而不是针对null

你仍然可以使用解构来做到这一点。 但是，传统的null和undefined检查更容易理解。

let obj = { a: null },
  a = obj.a,
  b, c;

if (typeof a !== "undefined" && a !== null) {
  b = obj.a.b;
  c = obj.a.b;
}