代码之家 › 专栏 › 技术社区 › four-eyes

对象分解:在一行中分配空值

object javascript

-1

four-eyes · 技术社区 · 4 年前

假设我有一个这样的物体

foo = {
    a: 1,
    b: 2,
    c: 3
};

我会这样分解它

const {a, b, c} = foo;

但是,如果钥匙 a , b 和 c 不存在吗?

foo = null;

那就不行了

常数{a,b,c}=foo;

我得做点什么

let a, b, c;

if(foo) {
    a = foo.a;
    b = foo.b;
    c = foo.c;
};

有没有一种方法可以做到这一点?差不多

 const {a, b, c} = foo ? foo : null; // this is not working

null不是一个对象。(评估“_ref2.a”)

4 回复 | 直到 4 年前

epascarello 4 年前

当foo不是一个对象时,必须给它一个对象,这样才能进行分解。因此,使用“or”将其设置为空对象。现在如果 foo 它将使用什么定义 福 ,如果未定义,将使用默认对象。

const foo = undefined;
const { a, b, c } = foo || {};
console.log(a, b, c);

如果需要默认值,请在对象中设置它们。

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

如果需要默认值(如果对象没有提供所有值),则可以在分解中设置值。

const foo = { a: 1};
const { a = "a", b = "b", c = "c" } = foo || {};
console.log(a, b, c);

Ran Turner 4 年前

它会像你预期的那样工作,变量 a b 和 c 将以 undefined 。这是尝试访问某个对象上不存在的属性时的回退。

const foo = {};
console.log(foo.a); // undefined

const {a, b, c} = foo;

console.log(a); // undefined
console.log(b); // undefined

console.log(d); // Uncaught ReferenceError: d is not defined

danylo 4 年前

你可以指定 默认值 .

例子:

const { a = null, b = null, c = null } = foo;

Bebiuz 4 年前

如何分解默认参数? 如果foo可以是未定义集 = foo || {} 在解构中避免异常

let foo = {};
const {a = null, b = null, c = null} = foo;

console.log('a:', a);
console.log('b:', b);
console.log('c:', c);

推荐文章

Reegan · 使用Angular ngFor指令在html中渲染嵌套对象值

1 年前

ShaAnder · 为什么sqllachemy返回的是类而不是字符串

1 年前

D_chez12 · 如果对象键值为空,则过滤掉数组中的对象

1 年前

Mohit · React useContext():当试图在useContext(()api中执行函数以获取数据时,对象作为React子对象无效

1 年前

Powl_London · Javascript Object,返回一个新数组,其中包含与该对象匹配的索引[重复]

1 年前

MeltingDog · 如何检索嵌套的JS对象并通过索引获取其数据?

1 年前

London28 · Javascript,映射一个对象数组以返回新数组[重复]

1 年前

bolthy · 将数据帧中的值从对象转换为整数/浮点数,但它们仍作为对象运行

1 年前

SamCharles · 在JavaScript的对象数组中查找对象数组中不区分大小写的子字符串

1 年前

VonDerHase · 从列表中删除特定值,Python

1 年前