vue数组对象比大小排序
时间: 2024-09-13 15:19:10 浏览: 68
vue数组对象排序的实现代码
在 Vue 中,如果你有一个包含对象的数组需要按某个属性值进行排序,你可以使用 JavaScript 的 `sort()` 函数配合箭头函数或者自定义的比较函数。这里是一个例子:
```javascript
let arr = [
{ name: 'Tom', age: 20 },
{ name: 'Jerry', age: 18 },
{ name: 'Spike', age: 25 }
];
// 按照年龄升序排序
arr.sort((a, b) => a.age - b.age);
// 或者按照姓名字典序降序排序
arr.sort((a, b) => b.name.localeCompare(a.name));
// 如果对象有嵌套的属性想要排序,比如对象里还有一个数组
// 可以通过链式调用 .sort() 和数组的比较方法
let nestedArr = [
{ name: 'John', hobbies: ['sport', 'reading'] },
{ name: 'Alice', hobbies: ['music'] },
{ name: 'Bob', hobbies: ['sport', 'gaming'] }
];
nestedArr.sort((a, b) => a.hobbies.length - b.hobbies.length);
```
阅读全文