javascript - 如何从数组中解构键(ES6)

Question

我们只是根据直觉编写了这段代码，而且它起作用了。我很确定这是可以接受的。我只想确定:

const state = { inProgress: true }
const actions = 'COMPLETE_RICE'
const change = { inProgress: false, rice: 'cooked' }

// Is this destructuring OK?
const {
  0: newState,
  1: newActions,
  2: newChange,
} = [state, actions, change]

console.log('New State:', newState)
console.log('New Actions:', newActions)
console.log('New Change:', newChange)

有更好的方法吗？

有任何疑虑或违规行为吗？

我找不到这方面的任何例子，只是试了一下，因为我记得:

['one', 'two', 'three'] 可以表示为一个对象:

{
  0: 'one',
  1: 'two',
  2: 'three'
}

这里没有完全列出: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Destructuring_assignment

但是，它有效。

Answer 1

您可以为 destructuring assignment 使用数组.那里不需要索引，因为数组给出了顺序。

const state = { inProgress: true }
const actions = 'COMPLETE_RICE'
const change = { inProgress: false, rice: 'cooked' }

// Is this destructuring OK?
const [newState, newActions, newChange] = [state, actions, change];

console.log('New State:', newState)
console.log('New Actions:', newActions)
console.log('New Change:', newChange)