vue中:数组大到小的排列/数组进行去重的几种常用方法
提示:这里可以添加学习目标
- [1] 数据分数从大到小的排列:sort()非常好用
results.sort((a, b) => b.score - a.score)
例:
let arr = [1,2,4,5,9,8]
arr.sort((old,New)=>{
return old -New
})
console.log(arr)
arr[1,2,4,5,8,9]
- [2] 数据去重统计个数:filter()/indexOf()非常好用
1). 使用filter()方法:通过使用indexOf方法来保留首次出现的元素,去掉重复的元素。
let arr = [1, 2, 3, 3, 4, 5, 5];
let uniqueArr = arr.filter((value, index, self) => {
return self.indexOf(value) === index;
});
console.log(uniqueArr); // [1, 2, 3, 4, 5]
2). 使用Set数据结构:这是ES6中引入的新数据结构,它只能存储唯一的值。你可以将数组转换为Set,然后再将Set转换回数组。
let arr = [1, 2, 3, 3, 4, 5, 5];
let uniqueArr = Array.from(new Set(arr));
console.log(uniqueArr); // [1, 2, 3, 4, 5]
3). 使用reduce()方法:通过使用一个空数组和includes()方法来添加不重复的元素。
let arr = [1, 2, 3, 3, 4, 5, 5];
let uniqueArr = arr.reduce((acc, currentValue) => {
if (!acc.includes(currentValue)) {
acc.push(currentValue);
}
return acc;
}, []);
console.log(uniqueArr); // [1, 2, 3, 4, 5]