代码之家 › 专栏 › 技术社区 › agm1984

如何从阵列中分解密钥(ES6)

ecmascript-6 javascript

agm1984 · 技术社区 · 7 年前

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

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

但是,它是有效的。

2 回复 | 直到 7 年前

Nina Scholz 7 年前

可以将数组用于 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)

Ori Drori 7 年前

使用 array destructuring :

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

const [newState, newActions, newChange] = [state, actions, change]

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

推荐文章

Shibaji Biswas · 如何在Template literal的双引号内的html div id中编写JavaScript变量?

11 月前

GulgDev · 为什么不将属性设置为无效值?

1 年前

Koffee · 动画继续使用update()重新启动,而不是在Phaser 3中正常播放

1 年前

Monnt · 如何查看数组是否包括具有特定值的嵌套数组?

1 年前

JsCoder · 用ECDSA对C语言中的数据进行加密#

1 年前

dsi · 排序功能可实现多列的自定义差异

1 年前

huz3y · 如何在JavaScript中基于另一个变量值构建变量?如何重新分配它的值并对该变量执行方法?复制

1 年前

Darigan · clearTimeout将一个函数中的计时器与另一个函数(React.js)一起超时

1 年前

Joseph · 仅在React和JS中生成深色

1 年前

Joseph · 在Javascript中检索一些文本

1 年前