这就是使用索引定义多个常量的方式吗

Question

我对javascript还比较陌生，所以我只想问几个问题。

假设我有

const {a, b, c, d} = items[i]

我在文件的某个地方有一个项目列表。这个代码会呈现什么？它本质上代表什么？我知道如何在一行中定义多个常量，但当您合并索引(I(时，我会感到困惑。任何解释都会有所帮助。非常感谢！

Answer 1

{a, b, c, d}表示您正在破坏对象的属性。在这种情况下，您正在进行解构以定义const变量a,b,c,d。

items是用多个对象构建的。因此，我们破坏了items[2]对象的属性来定义const变量。

const items = [
{a: 0, b: 0, c: 0, d:0},
{a: 1, b: 1, c: 1, d:1},
{a: 2, b: 2, c: 2, d:2}
] 
const {a, b, c, d} = items[2]
console.log(a) // <--- outputs 2

你也可以通过这样做来破坏数组：

const items = [
{a: 0, b: 0, c: 0, d:0},
{a: 1, b: 1, c: 1, d:1},
{a: 2, b: 2, c: 2, d:2}
] 
const [obj1, obj2, obj3] = items
console.log(obj1) // <--- outputs {a: 0, b: 0, c: 0, d:0}