jQuery 函数从数组中获取所有唯一的元素？

在前端开发中，经常需要操作数组。有时候需要从一个数组中获取所有唯一的元素。本文将介绍如何使用 jQuery 函数来实现这个功能。

方法一：使用 filter() 函数

我们可以使用 jQuery 的 filter() 函数来过滤重复的元素。具体实现如下：

let arr = [1, 2, 2, 3, 4, 4, 5];
let uniqueArr = $.grep(arr, function (element, index) {
    return index === $.inArray(element, arr);
});
console.log(uniqueArr); // 输出 [1, 2, 3, 4, 5]

上述代码中，grep() 函数用于过滤数组元素。第一个参数是要过滤的数组，第二个参数是用于过滤的函数。函数返回值为 true 的元素会被保留，返回值为 false 的元素会被过滤掉。

在过滤函数 function (element, index) 中，我们使用了 $.inArray() 函数来查找元素在数组中的索引。如果当前元素的索引与它在原数组中第一次出现的索引相同，就说明它是唯一的，返回 true；否则返回 false。

方法二：使用 ES6 Set

ES6 引入了 Set 数据结构，可以方便地处理数组的唯一元素。我们可以使用 Set 将数组转换为集合，然后将集合转换回数组即可。代码如下：

let arr = [1, 2, 2, 3, 4, 4, 5];
let uniqueArr = Array.from(new Set(arr));
console.log(uniqueArr); // 输出 [1, 2, 3, 4, 5]

上述代码中，Set() 函数用于创建一个新的 Set 对象，它会自动过滤掉重复的元素。使用 Array.from() 将 Set 转换为数组。

总结

本文介绍了两种方法来获取数组中所有唯一的元素。第一种方法使用 jQuery 的 filter() 函数来实现，第二种方法使用 ES6 的 Set 数据结构。我们可以根据具体场景选择适合自己的方法。

值得一提的是，除了以上两种方法，还有很多其他实现方式，比如遍历数组、使用 reduce() 函数等等。在实际开发中，需要根据具体情况选择最优的实现方式。

来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/12868