js中根据一个数组的name排序另一个数组
时间: 2024-04-30 14:21:00 浏览: 102
vue 根据数组中某一项的值进行排序的方法
可以使用数组的 `sort()` 方法来实现按照另一个数组的顺序对数组进行排序。具体步骤如下:
1. 创建一个用于排序的比较函数。该函数接受两个参数,表示数组中的两个元素。
2. 在比较函数中,使用 `indexOf()` 方法查找第一个数组中当前元素的索引,然后将其与另一个数组中对应位置的元素进行比较。
3. 如果第一个数组中当前元素的索引小于另一个数组中对应位置的元素的索引,则返回一个负数;如果索引相等,则返回 0;否则返回一个正数。
4. 使用 `sort()` 方法对需要排序的数组进行排序,传入比较函数作为参数。
代码示例:
```javascript
let arr1 = [
{ name: 'Tom', age: 20 },
{ name: 'Jerry', age: 18 },
{ name: 'Alice', age: 22 }
];
let arr2 = ['Jerry', 'Tom', 'Alice'];
arr1.sort((a, b) => {
return arr2.indexOf(a.name) - arr2.indexOf(b.name);
});
console.log(arr1); // [{ name: 'Jerry', age: 18 }, { name: 'Tom', age: 20 }, { name: 'Alice', age: 22 }]
```
在上述示例中,我们创建了两个数组 `arr1` 和 `arr2`,其中 `arr1` 包含了一些对象,每个对象都有一个 `name` 属性,`arr2` 中则是按照一定顺序排列的姓名。我们需要根据 `arr2` 的顺序对 `arr1` 进行排序。使用 `sort()` 方法对 `arr1` 进行排序,比较函数中使用 `indexOf()` 方法查找 `a.name` 和 `b.name` 在 `arr2` 中的位置,并进行比较。最终得到排序后的数组。
阅读全文