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

下面我会对 "Javascript中数组去重与拍平的方法示例" 进行详细讲解。

一、去重方法

Javascript中实现数组去重有多种方法，这里介绍两种常用方法。

1. Set去重法

Set是ES6中新增的数据结构，它可以实现快速的去重操作。我们可以用Set将数组转换为一个不包含重复值的集合，最后再将集合转回数组即可。

下面是具体的示例代码：

首先，定义一个含有重复元素的数组arr：

const arr = [1, 2, 2, 3, 3, 4, 5, 5];

然后，创建一个Set实例，并将数组传入：

const uniqueArr = new Set(arr);

最后，将Set转换为数组：

const resultArr = Array.from(uniqueArr);

最终的去重结果就存储在resultArr中。

2. 双重循环去重法

双重循环去重法是一种常见的去重方法，它的思路很简单：遍历数组时，每个元素都和后面的元素进行比较，如果找到重复元素就删除，最终得到不包含重复元素的数组。

以下是具体的示例代码：

const arr = [1, 2, 2, 3, 3, 4, 5, 5];
for(let i = 0; i < arr.length; i++){
  for(let j = i + 1; j < arr.length; j++){
    if(arr[i] === arr[j]){
      arr.splice(j, 1);
      j--;
    }
  }
}

最终的去重结果就存储在arr中。

二、拍平方法

Javascript中实现数组拍平也有多种方法，这里同样介绍两种常用方法。

1. reduce拍平法

reduce方法可以将一个数组其他数据类型（如字符串或数字）的形式进行合并和转换，拍平则是一种合并形式。

以下是具体的示例代码：

首先，定义一个含有嵌套数组的数组arr：

const arr = [1, [2, 3], [4, 5, [6, 7]]];

然后，使用reduce方法拍平：

const flatten = (arr) =>
  arr.reduce((acc, val) => (Array.isArray(val) ? acc.concat(flatten(val)) : acc.concat(val)), []);

最终拍平后的结果就存储在flatten(arr)中。

2. 手写递归拍平法

手写递归拍平法也是一种常用的处理方法，其思路是从第一层元素开始，遍历数组，如果是数组则递归去拍平，否则就加入新的数组中。

以下是具体的示例代码：

const arr = [1, [2, 3], [4, 5, [6, 7]]];
const result = [];
const flat = (arr) => {
  for (let i = 0; i < arr.length; i++) {
    if (Array.isArray(arr[i])) {
      flat(arr[i]);
    } else {
      result.push(arr[i]);
    }
  }
};
flat(arr);

最终拍平后的结果就存储在result中。

至此，Javascript中数组去重与拍平的方法示例就讲解完了。