JavaScript - 使用扩展操作或替代方法向对象添加额外的键值

Question

代码如下：

    let bucket = [[],[],[],[],[],[],[],[],[],[]];

    bucket = {...Object.keys(bucket)
                       .sort((a,b) => b-a)
                       .filter(key => key > 0)
                       .map(key => '-'+key), 
              ...bucket};

   console.log(bucket);

问题：第一行代码没有将原始桶对象的负键添加到对象中，所有属性（键）都有空数组作为其对应值。

bucket 只在这行代码被求值后才显示它的原始属性和值

我怎样才能让它工作？

Answer 1

Array.map() 使用您的否定键创建一个字符串数组，当您传播 bucket 数组时它们会被覆盖。而是创建一对[new key, []] 转换为带有Object.fromEntries() 的对象，然后传播它们：

const bucket = [[],[],[],[],[],[],[],[],[],[]];

const result = {
  ...Object.fromEntries(
    Object.keys(bucket)
      .filter(key => key > 0)
      .sort((a, b) => b-a)
      .map(key => [-key, []])
  ),
  ...bucket};

console.log(result);