根据第二个数组问题对第一个数组进行排序

Question

我正在尝试根据第二个数组中的排序顺序对 JavaScript 数组进行排序。我已经在这里解决了其他类似的问题，并提出了以下代码。是输出没有达到预期。

var legends = ["Maths","Physics","English","French","Chemistry"];
var sortOrder = [1,400,300,200,-3];

legends.sort( function (a, b) {
    return sortOrder[legends.indexOf(a)] >= sortOrder[legends.indexOf(b)];   
  });


console.log(legends);

想要的输出是

["Chemistry", "Maths", "French", "English", "Physics"];

• 化学表示排序顺序-3
• 数学下一个更高的计数，即 1
• 法语下一个更高的计数，即 200

我正在尝试使用纯 JS 或使用 D3js 获得所需的输出，不确定我是否做得对！

Answer 1

您可以使用带有索引的辅助数组，对它们进行排序并映射所需的数组。

var legends = ["Maths", "Physics", "English", "French", "Chemistry"],
    sortOrder = [1, 400, 300, 200, -3];

legends = [...legends.keys()]
    .sort((a, b) => sortOrder[a] - sortOrder[b])
    .map(i => legends[i]);        

console.log(legends);

Answer 2

尝试关注

var legends = ["Maths","Physics","English","French","Chemistry"];
var sortOrder = [1,400,300,200,-3];

/* Create an array of objects of value index of sortOrder */
legends = Object.entries(sortOrder.reduce((a,v,i) => Object.assign(a, {[v]:i}), {}))
.sort((a,b) => a[0] - b[0]) // Sort array based on sortOrder values
.map(([s, i]) => legends[i]); // fetch items from legends based on sorted order 

console.log(legends);

Answer 3

您几乎是对的，但是在 sort 函数中，您引用了正在变异的 legends 数组，因此索引与原始顺序不匹配。

为了证明是这种情况，您可以复制数组并对副本进行排序：

var legends = ["Maths","Physics","English","French","Chemistry"];
var legendsToSort = ["Maths","Physics","English","French","Chemistry"];

var sortOrder = [1,400,300,200,-3];

legendsToSort.sort( function (a, b) {
    return sortOrder[legends.indexOf(a)] >= sortOrder[legends.indexOf(b)];   
  });


console.log(legendsToSort);