js代码-015手写代码练习----去重

在JavaScript编程中，"去重"是一个常见的任务，特别是在处理数组时。这个“js代码-015手写代码练习----去重”很显然是一个针对JS数组去重的练习题目。下面我们将深入探讨几种常见的JavaScript数组去重方法，并通过实例来理解其工作原理。 1. **Set对象** ES6引入的新特性Set，它类似于数组，但是成员的值都是唯一的，没有重复的值。我们可以利用Set的这一特性来实现数组去重。 ```javascript let arr = [1, 2, 3, 4, 4, 5]; let uniqueArr = [...new Set(arr)]; console.log(uniqueArr); // 输出：[1, 2, 3, 4, 5] ``` 2. **filter()方法** filter()方法创建一个新的数组，新数组中的元素是通过检查指定数组中符合条件的所有元素。我们可以配合indexOf()或includes()来实现去重。 ```javascript let arr = [1, 2, 3, 4, 4, 5]; let uniqueArr = arr.filter((item, index) => { return arr.indexOf(item) === index; }); console.log(uniqueArr); // 输出：[1, 2, 3, 4, 5] ``` 或 ```javascript let arr = [1, 2, 3, 4, 4, 5]; let uniqueArr = arr.filter((item) => !arr.includes(item, arr.indexOf(item) + 1)); console.log(uniqueArr); // 输出：[1, 2, 3, 4, 5] ``` 3. **reduce()方法** reduce()方法对数组中的每个元素执行一个由您提供的reducer函数(升序执行)，将其结果汇总为单个返回值。 ```javascript let arr = [1, 2, 3, 4, 4, 5]; let uniqueArr = arr.reduce((accumulator, current) => { if (accumulator.indexOf(current) === -1) { accumulator.push(current); } return accumulator; }, []); console.log(uniqueArr); // 输出：[1, 2, 3, 4, 5] ``` 4. **Map对象** Map对象保存键值对，键也是唯一的，因此可以用来去重。 ```javascript let arr = [1, 2, 3, 4, 4, 5]; let uniqueArr = Array.from(new Map(arr.map((item) => [item, item])).keys()); console.log(uniqueArr); // 输出：[1, 2, 3, 4, 5] ``` 5. **Object属性** 利用对象的属性不能重复的特性，将数组元素作为对象的属性。 ```javascript let arr = [1, 2, 3, 4, 4, 5]; let uniqueArr = arr.reduce((obj, item) => { obj[item] = item; return obj; }, {}); uniqueArr = Object.keys(uniqueArr); console.log(uniqueArr); // 输出：['1', '2', '3', '4', '5'] ``` 这些方法各有优缺点，如Set和Map对象在处理复杂数据类型时更为方便，但不是所有浏览器都支持；filter和reduce在处理大量数据时可能性能较低。选择哪种方法取决于具体需求和目标环境。 在压缩包中的`main.js`文件很可能包含了上述或其它去重方法的实现代码，而`README.txt`可能包含了练习的说明或解释。通过阅读这两个文件，你可以更深入地理解这个实践题目并学习实际应用。