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

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

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

复杂度 - 使用forEach循环去除重复项，首先创建一个空数组，然后使用forEach循环遍历原数组，并检查当前元素是否已存在于新数组中。如果不存在，则将其添加到新数组中。最后，返回新数组。

javascriptfunction removeDuplicates(arr) { const uniqueArr=[]; arr.forEach(item=> { if (!uniqueArr.includes(item)) { uniqueArr.push(item); } }); return uniqueArr;}

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

复杂 - 使用 forEach 删除重复项

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

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

简单 - 使用 filter 删除重复项

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