JS数组扁平化、去重与排序实战教程

本文详细介绍了JavaScript数组扁平化、去重和排序的实例操作。首先，我们来看如何实现数组扁平化： 1. **数组扁平化方法一（toString）**：适用于没有空数组的情况，将数组转换为字符串，然后通过split(',')拆分为新数组。但这种方法会得到字符串数组，而非数字。 2. **数组扁平化方法二（正则表达式）**：使用JSON.stringify()和正则替换功能，将嵌套数组转换为一维数组，然后通过JSON.parse()恢复为JavaScript数组。 3. **数组扁平化方法三（reduce）**：利用reduce方法递归地处理嵌套数组，每次迭代将当前元素与累加器合并，直到所有层级都被处理成单一数组。 4. **数组扁平化方法四（遍历数组）**：通过递归遍历数组，如果遇到子数组则继续调用自身，否则直接添加到新数组中。 接下来是数组去重操作，通常可以使用ES6的Set数据结构，它自动去除重复值，然后转回数组： ```javascript var newArr1 = [...new Set(arr)]; ``` 或者使用传统方式，如双重循环遍历数组： ```javascript function uniqueArray(arr) { var result = []; for (var i = 0; i < arr.length; i++) { if (result.indexOf(arr[i]) === -1) { result.push(arr[i]); } } return result; } var newArr2 = uniqueArray(arr); ``` 最后是数组排序，JavaScript提供了sort()方法进行排序，默认按字符顺序，如果需要数字排序，可以提供比较函数： ```javascript var newArr3 = arr.sort((a, b) => a - b); // 升序排序 var newArr4 = arr.sort((a, b) => b - a); // 降序排序 ``` 结合以上步骤，对于给定的复杂数组`[[1, 3, 2, 1], ...]`，你可以先使用上述方法扁平化，然后去重，最后排序得到目标数组`[1,2,3,4,5,6,8,9,10,11,12,13,14,15,16]`。这个过程展示了在JavaScript中处理多层嵌套数组的实用技巧，对实际编程中处理数据具有很高的参考价值。