将数组扁平化，并去除其中重复的部分数据，最终得到一个升序且不重复的数组

let arr = [[21, 2, 17, 18, 2], [3, 4, 95, 5, 5], [6, 6, 7, 8], [9, 10, [11, 12]]];

// =>【1、扁平化】 使用 ES6 中提供的 Array.prototype.flat 处理

// arr = arr.flat(Infinity);

// =>【2、扁平化】 把数组直接变成字符串即可（数组 toString 之后，最后会变为以逗号分隔的字符串）

// arr = arr.toString().split(',').map(item => {

// 　　 return Number(item);

// })

// =>【3、扁平化】

// arr = arr.join('|').split(/(?:,||)/g).map(item => {

// 　　return Number(item);

// })

 

// =>【4、扁平化】 JSON.stringify

// arr = JSON.stringify(arr).replace(/([|])/g, '').split(',').map(item => Number(item));

 

// =>【5、扁平化】 some 方法进行判断检测：验证数组中的某一项有没有符合函数中提供的规则的

// while (arr.some(item => Array.isArray(item))) {

// 　　arr = [].concat(...arr);

// }

// console.log(arr);

// =>【6、扁平化】 find 方法

//------------ find 和 some 的区别：some 返回的是 boolean, find 找到符合规则的，返回当前这一项，没有找到符合规则的，返回 undefined ------------

 

// =>【7、扁平化】在闭包函数中自己递归处理

~function () {

　　function myFlat() {

　　　　let result = [],

　　　　　_this = this;

　　　　// => 循环 arr 中的每一项，把不是数组的存储到新数组中

　　　　let fn = (arr) => {

　　　　　　for (let i = 0; i < arr.length; i++) {

　　　　　　　　let item = arr[i];

　　　　　　　　if (Array.isArray(item)) {

　　　　　　　　　　fn(item);

　　　　　　　　　　continue;

　　　　　　　　}

　　　　　　　　result.push(item);

　　　　　　}

　　　　};

　　　　fn(_this);

　　　　return result;

　　}

　　Array.prototype.myFlat = myFlat;

}();

arr = arr.myFlat();

console.log(arr)

 

//----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

// =>【1、去重排序】基于 ES6 中的 new Set() 去重数组并升序

// [...new Set(arr)]

// Array.from(new Set(arr))

 　　arr = Array.from(new Set(arr)).sort((a, b) => a - b);

 　　console.log(arr);

// =>【2、去重排序】indexOf

// let res = [];

// for(let i = 0; i < arr.length; i++){

// 　　 if(res.indexOf(arr[i]) === -1){

// 　　 　　 res.push(arr[i]);

//　　　　   res.sort((a, b) => a - b);

// 　　 }

// }

// console.log(res);

// =>【3.1、双重 for 循环 将数据和后面的数据进行比对】

// function Arr(arr) {

// 　　 let res = [],

// 　　　  isRepeat = false;

// 　　 for (let i = 0; i < arr.length; i++) {

//　　　　 isRepeat = false;

//　　　　 for (let j = i + 1; j < arr.length; j++) {

// 　　　　　　 if (arr[i] === arr[j]) {

// 　　　　　　　　 isRepeat = true;

// 　　　　　　　　 break;

// 　　　　　　 }

// 　　　　 }

//　　　　 if (!isRepeat) {

// 　　　　　　 res.push(arr[i]);

// 　　　　　　 res.sort((a, b) => a - b);

//　　　　 }

//　　 }

//   return res;

// }

// console.log(Arr(arr));

// =>【3.2、双重 for 循环 将数据和新保存的数据进行比对】

// function Arr(arr) {

// 　　 let res = [],

// 　　　  isRepeat = false;

// 　　　  for (let i = 0; i < arr.length; i++) {

// 　　　　　 isRepeat = false;

// 　　　　　 for (let j = 0; j < res.length; j++) {

// 　　　　　　 if (res[j] === arr[i]) {

// 　　　　　　　　 isRepeat = true;

// 　　　　　　　　 break;

//　　　　　　  }

// 　　　　　 }

// 　　　　　 if (!isRepeat) {

// 　　　　　　  res.push(arr[i]);

// 　　　　　　  res.sort((a, b) => a - b);

// 　　　　　 }

// 　　　 }

//     return res;

// }

// console.log(Arr(arr));

// =>【4、去重排序】 forEach 方法

// function Arr(arr) {

// 　　let res = [];

// 　   arr.forEach(function (item, idx, arr) {

//　　　　 if(!res.includes(item)){

// 　　　  　　 res.push(item);

// 　　　　　   res.sort((a, b) => a - b);

// 　　　　 }

// 　　 })

//    return res;

// }

// console.log(Arr(arr));

// =>【5、去重排序】 reduce 方法

// function Arr(arr) {

// 　　return arr.sort((a, b) => a - b).reduce(function (res, elem, arr) {

// 　　　　if (res.length === 0 || res[res.length - 1] !== elem) {

// 　　　　　　res.push(elem);

// 　　　　}

// 　　　　return res;

// 　　}, [])

// }

// console.log(Arr(arr));