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去重

猜你喜欢

转载自blog.csdn.net/m0_46156566/article/details/128973736
今日推荐