如何匹配具有相同项目的 2 个不同数组的顺序？

Question

我有 2 个 javascript 数组：const arr1 = ['one', 'two', 'three', 'four', 'five', 'six'];const arr2 = ['five', 'six', 'four', 'three', 'one', 'two'];PS-我无法更改/控制“arr1”的顺序我的问题是如何使“arr2”的项目顺序与“arr1”的项目相匹配。我一直在想它可能看起来像：//1. Some kind of function to get index of all itemsconst items = (item) => item === item; const arr3 = arr1.findIndex(items);//2. Then think I need to get the values of arr2 using ([Array.values()][1])**const arr2vals = arr2.values();//3. Then some kind of calculation that matches the values, this is where I really struggle more, but weak at best lol!arr3.filter(value => arr2vals.includes(value))** 参考：MDN

Answer 1

你可以使用 array.sort

const arr1 = ['one', 'two', 'three', 'four', 'five', 'six'];

const arr2 = ['five', 'six', 'four', 'three', 'one', 'two'];

/**

Takes in a compare function as parameter where ordering is decided 

based on a more less or equal to 0 return value. 

More than 0 says next should have a lower index than prev

Less Than 0 puts next at a higher index and 0 keeps them at the same index

*/

arr2.sort((prev, next) => {

    return  arr1.indexOf(prev) - arr1.indexOf(next);

})

MDN 文档

Answer 2

您可以获取一个保留项目顺序值的对象，并使用值的增量对第二个数组进行排序。

请查看Array#sort并使用数字进行排序。

也许你会问，为什么不使用零作为值呢？这种方法允许通过使用这种模式来使用默认值：

array2.sort((a, b) => (order[a] || defValue) - (order[b] || defValue));

defValue可

• -Number.MAX_VALUE一个负大数，它将所有项目无序排序到数组顶部，

• Number.MAX_VALUE一个正大数，它将所有项目无序排序到数组底部，

• 或任何其他用于在所需订单之间进行排序的数字。

const

    array1 = ['one', 'two', 'three', 'four', 'five', 'six'],

    array2 = ['five', 'six', 'four', 'three', 'one', 'two'],

    order = Object.fromEntries(array1.map((value, index) => [value, index + 1]));

array2.sort((a, b) => order[a] - order[b]);

console.log(...array2);