使用javascript重新排列具有新顺序的数组[重复]

Posted 2023-02-23

【中文标题】使用javascript重新排列具有新顺序的数组[重复]

【英文标题】：Rearrange array with new order using javascript [duplicate]

【发布时间】：2021-12-04 22:24:51

【问题描述】：

我有一个数组

const arr = [
   label: 'a', width: 200,
   label: 'b', width: 200,
   label: 'c', width: 200,
   label: 'd', width: 200,
   label: 'e', width: 200
];

给定另一个数组

const data = ['d', 'e', 'a', 'c', 'b'];

需要根据新数据重新排列第一个数组。

我应该在javascript中使用什么函数？

编辑：感谢您提供非常有趣的 cmets。但为了更复杂，我们假设 data 也可能不是第一个数组的完整列表。

const data = ['a', 'c'];

它仍然应该输出第一个数组，其中前两个元素是 a 和 c，其余元素是 b、d、e。 完成的数组应该在 a、c、b、d、e 的列表中。

【问题讨论】：

有几种可能性。您可以使用data.map 将每个字母映射到arr 的相应对象。您可以为arr 中的对象分配索引，然后使用arr.sort 按该索引排序。 ...

【参考方案1】：

const arr = [
   label: "a", width: 200 ,
   label: "b", width: 200 ,
   label: "c", width: 200 ,
   label: "d", width: 200 ,
   label: "e", width: 200 
];

const data = ["d", "e", "a", "c", "b"];


const updatedArray = data.map((item) => arr.find((t) => t.label === item));
console.log(updatedArray);

【参考方案2】：

使用Array#reduce，遍历data，将元素索引保存在Map 使用Array#sort，按照上面Map中每个元素的值对arr进行排序

const sort = (arr = [], data = []) => 
  const indicesMap = data.reduce((map, e, i) => map.set(e, i), new Map);
  return [...arr].sort(( label: a,  label: b ) => 
    const indexA = indicesMap.get(a), indexB = indicesMap.get(b);
    return (indexA === undefined || indexB === undefined) 
      ? isNaN(indexA) - isNaN(indexB)
      : indexA - indexB;
  );


const arr = [ label: 'a', width: 200, label: 'b', width: 200, label: 'c', width: 200, label: 'd', width: 200, label: 'e', width: 200 ];
console.log( sort(arr, ['d', 'e']) );
console.log( sort(arr, ['a', 'd']) );
console.log( sort(arr, ['d', 'e', 'a', 'c', 'b']) );

【参考方案3】：

简单地说：

const arr = 
  [  label: 'a', width: 200 
  ,  label: 'b', width: 200 
  ,  label: 'c', width: 200 
  ,  label: 'd', width: 200 
  ,  label: 'e', width: 200 
  ] 
const data = ['d', 'e', 'a', 'c', 'b']

arr.sort((a, b) => data.indexOf(a.label) - data.indexOf(b.label))

console.log(arr)

【参考方案4】：

这是一个使用排序的简短解决方案

const arr = [
   label: 'a', width: 200,
   label: 'b', width: 200,
   label: 'c', width: 200,
   label: 'd', width: 200,
   label: 'e', width: 200
];
const data = ['d', 'e', 'a', 'c', 'b'];

const sorted = arr.sort(function(a, b)  
  return data.indexOf(a.label) - data.indexOf(b.label);
);

console.log(sorted)

【参考方案5】：

要解决这个问题，请使用类似的 map() 和 find() 方法：

const sorted = data.map(element =>  arr.find(obj => obj.label === element))

【参考方案6】：

可以将排序后的数组的顺序作为权重，对数组进行排序。

const arr = [
   label: 'a', width: 200,
   label: 'b', width: 200,
   label: 'c', width: 200,
   label: 'd', width: 200,
   label: 'e', width: 200
];

const sortOrder = ['d', 'e', 'a', 'c', 'b'];


arr.sort((x, y) => sortOrder.indexOf(x.label) - sortOrder.indexOf(y.label))

console.log(arr)