如何解构这个数组

Question

我如何解构width，height如果它们之前已经声明过？

function test() {
  let height
  let width

  const viewBox = '0 0 24 24'
  const sizeArr = viewBox.split(' ')

  // ESLint is telling me to destructure these and I don't know how
  width = sizeArr[2]
  height = sizeArr[3]
}

Answer 1

您可以使用逗号忽略数组中不需要的某些元素：

const [,,width,height] = sizeArr;

const [,,width,height] = sizeArr;

如果let出于某种原因需要将声明保留在函数顶部，则可以const从解构中删除。请注意，由于自动插入分号，您将需要在前一行的末尾使用分号。

[,,width,height] = sizeArr;

function test() {
  const viewBox = '0 0 24 24'
  const sizeArr = viewBox.split(' ')
  const [,,width,height]=sizeArr;
  console.log(width,height);
}
test();

另见：https : //developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Destructuring_assignment#Ignoring_some_returned_values

如果确实需要每个值，请为每个值声明一个名称：

const [var1,var2,width,height] = sizeArr;

[,,width,height] = sizeArr;