[JavaScript]数组高维数组拆分成低维数组（扁平化）

秒速五厘米 2022-11-29 05:57 165阅读 0赞

#### 一、常规写法： ####

#### 二、ES6写法： ####

**一行代码即可搞定给数组扁平化+去重+排序：**

Array.from(new Set(arr.flat(Infinity))).sort((a,b)=>{  return a-b})

**解析：**  
**1.arrayObject.sort(sortby)**

sort((a,b)=>{  return a-b}

sort表示排序，括号内的参数是规定排序顺序的函数  
注意如果不填写参数则默认按照字符编码的顺序进行排序，如：

var arr=[1,2,12];
            arr.sort();
            console.log(arr);//[1, 12, 2]

**2.arrayObject.flat(depth)**

arr.flat(Infinity)

flat() 方法会按照一个可指定的深度递归遍历数组，并将所有元素与遍历到的子数组中的元素合并为一个新数组返回。 其中，depth指定要提取嵌套数组的结构深度，默认值为1。  
使用 Infinity 作为深度，展开任意深度的嵌套数组

**3.Set()**

Set中的值不能重复，这里就达到了去重的效果  
**4.Array.from**  
Array.from() 可以通过以下方式来创建数组对象：  
伪数组对象（拥有一个 length 属性和若干索引属性的任意对象）  
可迭代对象（可以获取对象中的元素,如 Map和 Set 等）  
注：有些浏览器可能不支持ES6语法

#### 拆开来的步骤如下： ####

arr=[1,[2,3],[[2,3,4],[5,6]]];
            arr=arr.flat(Infinity);
            console.log(arr);// [1, 2, 3, 2, 3, 4, 5, 6]
            arr.sort((a,b)=>{ 
                return a-b;
            })
            console.log(arr);// [1, 2, 2, 3, 3, 4, 5, 6]
            arr=Array.from(new Set(arr))
            console.log(arr);// [1, 2, 3, 4, 5, 6]