如何在javascript中对键/值对象进行排序？

Question

按照How can I add a key/value pair to a JavaScript object? 和Best way to store a key=>value array in JavaScript?，我构建了我的键/值映射（对象）。

我像下面这样构建它，MyFunc 返回一个数组：

let MyMap = {}; // object
for(let i = 0; i < MyContainer.length; i++)
{
   // create the key (id of current element) and set its value as array of elements (result from MyFunc)
   await MyFunc(MyContainer[i]).then((response) => MyMap[MyContainer[i].id] = response); 
}

MyMap 看起来像这样：

MyMap = 
{
   1: [Object, Object, Object, …] // 13 elements
   2: [Object, Object, Object, …] // 7 elements
   3: [Object, Object, Object, …] // 4 elements
   4: [Object]
   5: [Object]
   6: [Object, Object, Object, …] // 5 elements
   7: [Object, Object, Object, …] // 9 elements
}

我想迭代我的地图（键），但从具有最小值（最小数组）的键开始。

因此，我想：

• 访问 MyContainer 并选择 id 为 4 的元素，然后执行操作（具有最小数组：1 个元素）
• 然后访问 MyContainer 并选择具有 id 5 的元素，然后做一些事情
• 然后3
• 然后6
• ..等
• 最后访问 MyContainer 并选择 id 为 1 的元素并执行操作（最大数组：13 个元素）

现在既然myMap是一个对象，那我就不能排序了。

我怎样才能做到这一点？

Answer 1

最终，您将无法使用 Object，因为键的顺序无法保证。

你可以：

• 使用Object.keys(obj) 将对象的键作为Array 获取
• 使用这些键构建结构对象的Array，数组中的每个项目都是原始对象的键/值对。
• 然后根据其中每个item.value 的长度对Arrayof 对象进行排序。在这种情况下，item.value 是您的原始对象的值，即 Arrays

const obj = {
  "1": [1, 2, 3],
  "2": [1],
  "3": [1, 2],
  "4": [1, 2, 3, 4]
};

// Transform object into a nested array
// Each array item contains the value of a key of your original object,
// which itself is an Array
const arr = Object.keys(obj).reduce((arr, key) => {
 arr.push({ key: key, value: obj[key] });
 
 return arr;
}, [])

// Sort the nested Array based on the length of each item
const sortedArr = arr.sort((a, b) => a.value.length - b.value.length);

console.log(sortedArr);

与上面相同，但更紧凑，使用链接

const obj = {
  "1": [1, 2, 3],
  "2": [1],
  "3": [1, 2],
  "4": [1, 2, 3, 4]
};

const sortedArr = Object.keys(obj).reduce((arr, key) => {
  arr.push({ key: key, value: obj[key] });

  return arr;
}, [])
.sort((a, b) => a.value.length - b.value.length)

console.log(sortedArr);