首页 > 文章列表 > Vue数组排序:如何根据一个数组的顺序调整另一个数组的顺序?

Vue数组排序:如何根据一个数组的顺序调整另一个数组的顺序?

445 2025-04-05

Vue数组排序:如何根据一个数组的顺序调整另一个数组的顺序?

Vue.js数组排序:巧妙调整数组顺序

本文介绍一种高效方法,根据一个数组的顺序调整另一个数组的顺序。假设您有两个数组,arr1 决定排序顺序,arr2 需要根据 arr1 的顺序进行重新排列。

实现方法如下:

  1. 遍历arr1中的每个元素。
  2. arr2中查找与arr1元素匹配的项(例如,通过 uid 属性)。
  3. 将找到的匹配项收集到一个新数组中。

为了去除未找到匹配项的元素,可以使用filter(Boolean)方法。

以下代码示例演示了该方法:

const result = arr1.map(item => arr2.find(item2 => item.uid === item2.uid)).filter(Boolean);

运行这段代码后,result 数组将包含与 arr1uid 相匹配的 arr2 元素,且顺序与 arr1uid 的顺序一致。

来源:1740356949