javascript - 可以通过括号符号在 JavaScript 中解构吗？

Question

这不一定是个问题，更多的是 ESLint 错误引起的好奇心，这让我想知道是否有更好的方法来禁用这一行的 ESLint。

考虑下面的代码片段。如果 react/destructuring-assignment，ESLint 会报错规则已启用，更喜欢

const { arrayToPrint } = myArrays 到 const arrayToPrint = myArrays[arrayName]

我的问题是，我没能找到对此的任何引用，所以我猜不是，有没有办法将 [arrayName] 移到左侧在不引用实际对象属性的情况下解构赋值？

const myArrays = {
  arrayOne: ['one'],
  arrayTwo: ['two'],
  arrayThree: ['three'],
}

const arrayPrinter = function arrayPrinter(arrayName) {
	const arrayToPrint = myArrays[arrayName]
  
  return arrayToPrint
}

console.log(arrayPrinter('arrayTwo'))

Answer 1

解构可以用 computed property 完成:

const { [arrayName]: arrayToPrint } = myArrays;