javascript - 如何解构键名为数字的对象？

Question

我有需要在组件中解构的 Prop 。由于它来自 API，它实际上是一个对象，我想从中获取对象从 0 到 39。但是，当我尝试以这种方式解构它们时:

 const { 0, ...39: weatherData } = this.props;

由于逗号，VSCode 给我一个意外标记的错误。如何在不必枚举每个对象的情况下解构 Prop ？

Answer 1

在 javascript 中，即使您使用 number 作为键创建对象，键也始终是字符串，请看以下示例:

const obj = {
  [1]: 1,
  anotherThing: 2
};

console.log(Object.keys(obj))

但是，由于 '1' 或 1 是文字，因此无法在解构赋值中使用它们，为了使用您必须转换的数字键您的对象 iterable 或手动映射属性，

将对象转换为可迭代对象的最简单方法是对数组使用 Object.assign，因为数组也是一个对象，您可以执行以下操作:

const arr = Object.assign([], obj);

为了实现你的目的，像这样:

const obj = {
  [0]: 0,
  [1]: 1,
  wheaterData: 'wheaterData',
  anotherNonNumericProp: '1'
};

const arrOfNumericProps = Object.assign([], obj);

const [prop0, prop1] = arrOfNumericProps;

const {wheaterData,
  ...rest
} = arrOfNumericProps;

console.log(prop0);
console.log(prop1);

console.log(wheaterData);
console.log(rest);