如何编写简洁易懂的JavaScript代码？

本文共计1306个文字，预计阅读时间需要6分钟。

让我们先从如何删除数组中的重复项这个简单问题开始。

复杂度：使用forEach+去除重复项

首先，我们创建一个空数组，然后使用forEach遍历原数组，并对每个元素调用一个提供的函数。最后，检查新数组，确认重复项已被去除。

让我们先从怎样删除数组中的重复项这个简单问题开始。

复杂 - 使用 forEach 删除重复项

首先，我们新创建一个空数组，用 forEach() 在数组的每个元素上执行一次提供的函数。最后检查新数组中是否存在该值，如果不存在，则添加它。

function removeDuplicates(arr) { const uniqueVals = []; arr.forEach((value,index) => { if(uniqueVals.indexOf(value) === -1) { uniqueVals.push(value); } }); return uniqueVals; }

简单 - 使用 filter 删除重复项

用 filter 方法创建一个包含所有元素的新数组，通过提供的函数进行测试。基本上我们只需要迭代数组，并检查当前元素在数组中出现的第一个位置是否和当前位置相同。当然，这两个位置对于重复元素来说是不同的。

function removeDuplicates(arr) { return arr.filter((item, pos) => arr.indexOf(item) === pos) }

简单 - 使用 Set 删除重复项

ES6 提供了 Set 对象，这使事情变得更加容易。 Set 仅允许存在唯一值，所以当你传入数组时，它会自动删除重复的值。