vue中:数组大到小的排列/数组进行去重的几种常用方法

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]
  • 6
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值