js数组扁平化并去除其中重复数据,最终得到一个升序且不重复的数组,js数组去重,js数组排序

方法一:主要使用Array.flat()进行扁平化处理

let arr = [ [1, 2, 2], [3, 4, 5, 5], [6, 7, 8, 9, [11, 12, [12, 13, [14] ] ] ], 10];
Array.from(new Set(arr.flat(Infinity))).sort((a,b)=>{ return a-b});
// 得到[1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14]

// 第一步arr.flat将数组扁平化处理,Infinity参数是需要扁平化处理的层级,这里给Infinity会默认处理到最内层数组
arr.flat(Infinity)
// [1, 2, 2, 3, 4, 5, 5, 6, 7, 8, 9, 11, 12, 12, 13, 14, 10]
// 比如你的数组有四层,我们这里给4也可以得到一样的结果
arr.flat(4)
// [1, 2, 2, 3, 4, 5, 5, 6, 7, 8, 9, 11, 12, 12, 13, 14, 10]
// 如果你只想处理到三层数组,那就给3
arr.flat(3)
// [1, 2, 2, 3, 4, 5, 5, 6, 7, 8, 9, 11, 12, 12, 13, Array(1), 10]

// 第二步Array.from + new Set方法给数组去重
Array.from(new Set(arr.flat(Infinity)))
// [1, 2, 3, 4, 5, 6, 7, 8, 9, 11, 12, 13, 14, 10]

// 第三步sort((a,b)=>{ return a-b})进行排序
Array.from(new Set(arr.flat(Infinity))).sort((a,b)=>{ return a-b});
// [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14]
// 如果需要倒序这样写就行sort((a,b)=>{ return b-a})
Array.from(new Set(arr.flat(Infinity))).sort((a,b)=>{ return b-a});
// [14, 13, 12, 11, 10, 9, 8, 7, 6, 5, 4, 3, 2, 1]

方法二:主要使用arr.toString().split(“,”)进行扁平化处理

let arr = [ [1, 2, 2], [3, 4, 5, 5], [6, 7, 8, 9, [11, 12, [12, 13, [14] ] ] ], 10];
Array.from(new Set(arr.toString().split(",").map(Number))).sort((a,b)=>{ return a-b})
// 得到[1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14]

// 第一步arr.toString()把数组转成字符串
arr.toString()
// '1,2,2,3,4,5,5,6,7,8,9,11,12,12,13,14,10'

// 第二步str.split(",")把字符串转成数组
arr.toString().split(",")
// ['1', '2', '2', '3', '4', '5', '5', '6', '7', '8', '9', '11', '12', '12', '13', '14', '10']

// 第三步Array.map(Number)把数组里的元素从字符串转成数字
Array.from(new Set(arr.flat(Infinity))).sort((a,b)=>{ return a-b});
// [1, 2, 2, 3, 4, 5, 5, 6, 7, 8, 9, 11, 12, 12, 13, 14, 10]

// 第四步Array.from + new Set方法给数组去重
Array.from(new Set(arr.flat(Infinity))).sort((a,b)=>{ return a-b});
//  [1, 2, 3, 4, 5, 6, 7, 8, 9, 11, 12, 13, 14, 10]

// 第五步sort((a,b)=>{ return a-b})进行排序
Array.from(new Set(arr.toString().split(",").map(Number))).sort((a,b)=>{ return a-b})
// [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14]

当然这两个方法是比较简单的,第二种方法大家也更容易理解,方法有很多,实现最后的效果就行,这用来处理简单的数组还可以,当我们遇到复杂的数组,可以看这里:复杂数组去重,唯一标识id去重

  • 2
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

前端攻城狮路飞

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值