链接数组对象中的数组，按其中一个数组排序

Question

我有一个结构如下的对象:

let obj = {
"foo": ["orange", "apple", "pear", "grape", "lime"],
"bar": [12, 6, 18, 3, 22],
"bat": ["a", "b", "c", "d", "e"]
};

我想按bar排序，但也保留foo和bat相对于bar的顺序，如下所示:

obj = {
"foo": ["grape", "apple", "orange", "pear", "lime"],
"bar": [3, 6, 12, 18, 22],
"bat": ["d", "b", "a", "c", "e"]
};

是否有一个整洁的方法来做到这一点，或者我需要将其转换为数组的数组，按索引排序(例如，arr.sort((a,b) => a[1] - b[1]);)，并转换回对象?

Answer 1

const obj = {
"foo": ["orange", "apple", "pear", "grape", "lime"],
"bar": [12, 6, 18, 3, 22],
"bat": ["a", "b", "c", "d", "e"]
};
// get original indices of sorted bar
const indices = obj.bar
.map((value, index) => ({ value, index }))
.sort(({ value: a }, { value: b }) => a - b)
.map(({ index }) => index);
// iterate over obj's values to reorder according to indices
const res = 
Object.entries(obj)
.reduce((acc, [key, value]) => ({ ...acc, [key]: indices.map(i => value[i]) }), {});
console.log(res);

Answer 2

您可以基于所有值创建一个临时数组。然后您可以基于bar对该数组进行排序。排序后，只需在迭代时将数据填充到新的响应中。

const obj = {
foo: ["orange", "apple", "pear", "grape", "lime"],
bar: [12, 6, 18, 3, 22],
bat: ["a", "b", "c", "d", "e"],
};
const arr = obj.bar
.map((bar, index) => ({
bar,
index,
}))
.sort((x, y) => x.bar - y.bar);

console.log(arr);
const res = arr.reduce(
(map, { bar, index }, i) => {
map.bar[i] = bar;
map.foo[i] = obj.foo[index];
map.bat[i] = obj.bat[index];
return map;
},
{ foo: [], bar: [], bat: [] }
);
console.log(res);