JS实现数组扁平化处理

点击打开视频讲解更加详细

期望结果：        将数组扁平化并去重       最终得到一个升序且不重复的数组  步骤：        1、数组扁平化        2、去重        3、排序 

<template>   <div id="home">     JS实现数组扁平化处理，妙不可言啊！     <!-- 期望结果：        将数组扁平化并去重       最终得到一个升序且不重复的数组      步骤：        1、数组扁平化        2、去重        3、排序 -->   </div> </template>  <script> export default {   name: "home",   data() {     return {       arr: [         [1, 2, 3],         [3, 4, 5, 5],         [6, 7, 8, 9],         [11, 12, [12, 12, [13]]],         10,       ],     };   },   mounted() {     // 方法 1     // let list = this.flat(this.arr);     // console.log(list);     // 方法 2     let list2 = this.flat2(this.arr);     console.log(list2);   },   components: {},   methods: {     //1、方法1 使用递归；数组扁平化处理     flat(arr) {       let result = arr.map((item) => {         if (Array.isArray(item)) {           return this.flat(item);         }         return [item];       });       return this.removal([].concat(...result));     },      //方法2 使用while循环；处理数组扁平化     flat2(arr) {       while (arr.some((item) => Array.isArray(item))) {         arr = [].concat(...arr);       }       return this.removal(arr);     },      // 2、去重     removal(arr) {       // return Array.from(new Set(arr));       return this.sort(Array.from(new Set(arr)));     },     //3、排序     /**      * 正数 a > b 降序（倒序）      * 0    a = b      * 负数 a < b 升序      */     sort(arr) {       return arr.sort((a, b) => a - b);     },   }, }; </script>  <style scoped> </style> 

效果图：

若对您有帮助，请点击跳转到B站一键三连哦！感谢支持！！！