【面试题】JS实现数组扁平化处理,妙不可言啊!

  • 【面试题】JS实现数组扁平化处理,妙不可言啊!已关闭评论
  • 22 次浏览
  • A+
所属分类:Web前端
摘要

点击打开视频讲解更加详细效果图:
若对您有帮助,请点击跳转到B站一键三连哦!感谢支持!!!


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> 

效果图:

【面试题】JS实现数组扁平化处理,妙不可言啊!
若对您有帮助,请点击跳转到B站一键三连哦!感谢支持!!!