JavaScript 数组去重与拍平方法示例

在前端开发中，经常会遇到需要对数组进行去重或者拍平的情况。本文将介绍 JavaScript 中常用的几种数组去重和拍平的方法，并提供相应的示例代码。

数组去重

数组去重是指将数组中重复的元素删除，只保留一个。常用的数组去重方法有以下几种：

1. 使用 Set 数据结构

ES6 引入了 Set 数据结构，可以很方便地实现去重操作。Set 对象允许存储任何类型的唯一值，包括原始值和引用类型。

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

2. 使用 filter 方法

使用 filter 方法遍历数组，利用 indexOf 或 includes 方法判断元素是否已存在于新数组中，如果不存在则添加到新数组中。

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

3. 使用 reduce 方法

使用 reduce 方法遍历数组，利用空对象作为累加器，以元素值作为键名，判断该键是否存在于累加器中，如果不存在则添加到累加器中。

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

数组拍平

数组拍平是指将嵌套的多维数组转换为一维数组的过程。常用的数组拍平方法有以下几种：

1. 使用递归

使用递归方式遍历数组，如果元素是数组，则递归处理该子数组，否则将元素添加到新数组中。

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

2. 使用 reduce 方法

利用 reduce 方法遍历数组，并在遍历的过程中将每个元素拍平后添加到累加器中。

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

总结

本文介绍了 JavaScript 中常用的几种数组去重和拍平方法，并提供了相应的示例代码。在实际开发过程中，根据具体的场景选择合适的方法可以提高开发效率和代码质量。

来源：JavaScript中文网，转载请注明来源本文地址：https://www.javascriptcn.com/post/2251

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