Javascript中数组去重与拍平的方法示例

#Javascript中数组去重与拍平的方法示例

Javascript是前端开发中常用的脚本语言，在处理数组时，经常会遇到需要对数组进行去重和拍平的情况。本文将介绍Javascript中实现数组去重和拍平的几种方法，并提供相应的示例代码。

##数组去重

在Javascript中，可以使用以下几种方法实现数组去重：

###1.使用Set

Set是ES6中新增的数据结构，它可以存储唯一值，因此可以很方便地用来实现数组去重。具体实现方式如下：

let arr = [1, 2, 3, 3, 4];
let uniqueArr = [...new Set(arr)];
console.log(uniqueArr); // [1, 2, 3, 4]

其中，...是展开运算符，用于将Set转换为数组。上述代码中，首先创建了一个包含重复元素的数组arr，然后使用Set对其进行去重，最后通过展开运算符将去重后的结果转换为新数组uniqueArr并输出。

###2.使用filter

使用Array的filter方法也可以实现数组去重，具体实现方式如下：

let arr = [1, 2, 3, 3, 4];
let uniqueArr = arr.filter((item, index, self) => {
  return self.indexOf(item) === index;
});
console.log(uniqueArr); // [1, 2, 3, 4]

上述代码中，filter方法的参数是一个回调函数，用于对数组中的每个元素进行过滤。在回调函数中，使用indexOf方法获取当前元素在数组中的第一个位置，如果当前位置不等于该元素在数组中的索引，则表示该元素是重复元素，应该被过滤掉。

###3.使用reduce

使用Array的reduce方法也可以实现数组去重，具体实现方式如下：

let arr = [1, 2, 3, 3, 4];
let uniqueArr = arr.reduce((prev, cur) => prev.includes(cur) ? prev : [...prev, cur], []);
console.log(uniqueArr); // [1, 2, 3, 4]

上述代码中，reduce方法的第一个参数是一个回调函数，用于将数组中的每个元素聚合成一个值。在回调函数中，如果上一个聚合值(prev)已经包含了当前元素(cur)，则返回上一个聚合值，否则将当前元素加入到上一个聚合值中，并返回新的聚合值。最终得到的聚合值即为去重后的数组。

##数组拍平

在Javascript中，可以使用以下几种方法实现数组拍平：

###1.使用flat

使用ES10新增的flat方法可以很方便地实现数组拍平，具体实现方式如下：

let arr = [1, [2, [3, [4]], 5]];
let flatArr = arr.flat(Infinity);
console.log(flatArr); // [1, 2, 3, 4, 5]

上述代码中，flat方法的参数表示要拍平的层数，如果没有指定参数，则默认只拍平一层。使用Infinity表示拍平所有层。

###2.使用递归

可以使用递归的方式实现数组拍平，具体实现方式如下：

-- -------------------- ---- -------
-------- ------------ -
  --- ------- - ---
  --- ---- - - -- - - ----------- ---- -
    -- ----------------------- -
      ------- - --------------------------------
    - ---- -
      ---------------------
    -
  -
  ------ --------
-

--- --- - --- --- --- ----- ----
--- ------- - -------------
--------------------- -- --- -- -- --

- --------------------------------------------------------- --------
------------------------------------------------------------------------------