
vue.js数组排序:巧妙调整数组顺序
本文介绍一种高效方法,根据一个数组的顺序调整另一个数组的顺序。假设您有两个数组,arr1 决定排序顺序,arr2 需要根据 arr1 的顺序进行重新排列。
实现方法如下:
- 遍历
arr1中的每个元素。 - 在
arr2中查找与arr1元素匹配的项(例如,通过uid属性)。 - 将找到的匹配项收集到一个新数组中。
为了去除未找到匹配项的元素,可以使用filter(Boolean)方法。
以下代码示例演示了该方法:
网页中拖动 DIV 是很常见的操作,今天就分享给大家一个 jQuery 多列网格拖动布局插件,和其它的插件不太一样的地方在于你处理拖放的元素支持不同大小,并且支持多列的网格布局,它们会自动的根据位置自己排序和调整。非常适合你开发具有创意的应用。这个插件可以帮助你将任何的 HTML 元素转换为网格组件
立即学习“前端免费学习笔记(深入)”;
const result = arr1.map(item => arr2.find(item2 => item.uid === item2.uid)).filter(Boolean);
运行这段代码后,result 数组将包含与 arr1 中 uid 相匹配的 arr2 元素,且顺序与 arr1 中 uid 的顺序一致。









