Vue.js数组排序:巧妙调整数组顺序
本文介绍一种高效方法,根据一个数组的顺序调整另一个数组的顺序。假设您有两个数组,arr1
决定排序顺序,arr2
需要根据 arr1
的顺序进行重新排列。
实现方法如下:
arr1
中的每个元素。arr2
中查找与arr1
元素匹配的项(例如,通过 uid
属性)。为了去除未找到匹配项的元素,可以使用filter(Boolean)
方法。
以下代码示例演示了该方法:
const result = arr1.map(item => arr2.find(item2 => item.uid === item2.uid)).filter(Boolean);
运行这段代码后,result
数组将包含与 arr1
中 uid
相匹配的 arr2
元素,且顺序与 arr1
中 uid
的顺序一致。