JavaScript数组去重方法实战：for-of、forEach与for实现

本文主要介绍了在JavaScript中对数组进行去重操作的一些实例，重点探讨了利用内置的`for-of`、`forEach`方法以及传统的`for`循环来实现这一功能。以下是详细的解释： 1. **内置的for-of方法**: 在JavaScript中，`for-of`循环可以遍历可迭代对象（如数组）的元素，避免了手动追踪索引。作者提供的`uniqueUseForOf`函数通过创建一个名为`temp`的临时数组，对于`array`中的每个元素`x`，如果`temp`中没有这个元素（`temp.indexOf(x) === -1`），则将其添加到`temp`中。这样，`temp`数组只包含原数组中不重复的元素。最后返回`temp`作为去重后的数组。 ```javascript function uniqueUseForOf(array) { if (array && array.length <= 1) { return array; } let temp = []; for (let x of array) { if (temp.indexOf(x) === -1) { temp.push(x); } } return temp; ``` 2. **内置的forEach方法**: `forEach`是另一种遍历数组的方法，它接受一个回调函数，对数组中的每个元素执行一次。在这个例子中，同样创建一个`temp`数组，通过检查`value`是否已在`temp`中出现（`temp.indexOf(value) === -1`），决定是否添加。这种方法的效果与`for-of`类似。 ```javascript function uniqueUseForEach(array) { if (array && array.length <= 1) { return array; } let temp = []; array.forEach(function(value, index) { if (temp.indexOf(value) === -1) { temp.push(value); } }); return temp; ``` 3. **万能的for方法**: 对于更传统的编程风格，还可以使用`for`循环结合`indexOf`来实现去重。这里代码片段没有完全展示，但通常的做法是初始化一个新数组，然后遍历原数组，如果元素不在新数组中，则添加。这种方法虽然也能达到去重目的，但可能不如前两种方法简洁易读。 总结：本文提供了三种不同的JavaScript数组去重方法，即利用`for-of`和`forEach`进行迭代，并演示了如何使用传统`for`循环实现。这些方法都可以有效地去除数组中的重复元素，开发者可以根据项目需求和个人偏好选择合适的方法。通过这些实例，读者可以更好地理解JavaScript数组操作并提升自己的编程技巧。