获取JavaScript数组中的所有唯一值（删除重复项）

  • Z时代
  • 2024-01-10
  • 分类：问答

我需要确定一个唯一的数字数组。我在互联网上找到了下面的代码片段，并且在数组中包含零之前，它都可以正常工作。我在Stack

Overflow的这里找到了另一个脚本，看起来几乎完全一样，但是它不会失败。

因此，为了帮助我学习，有人可以帮助我确定原型脚本出了什么问题吗？

Array.prototype.getUnique = function() {
 var o = {}, a = [], i, e;
 for (i = 0; e = this[i]; i++) {o[e] = 1};
 for (e in o) {a.push (e)};
 return a;
}

回答：

使用 JavaScript 1.6 / ECMAScript 5，

您可以通过filter以下方式使用Array

的本机方法来获取具有唯一值的数组：

function onlyUnique(value, index, self) { 
    return self.indexOf(value) === index;
}
// usage example:
var a = ['a', 1, 'a', 2, '1'];
var unique = a.filter( onlyUnique ); // returns ['a', 1, 2, '1']

本机方法filter将遍历数组，仅保留那些通过给定回调函数的条目onlyUnique。

onlyUnique检查给定值是否是第一个出现。否则，它必须是重复的，并且不会被复制。

此解决方案无需任何额外的库（如jQuery或prototype.js）即可工作。

它也适用于混合值类型的数组。

对于旧版浏览器（<ie9），它们不支持本机方法filter，indexOf您可以在MDN文档中找到关于filter和indexOf的解决方法。

如果要保留最后一次出现的值，请简单地替换indexOf为lastIndexOf。

使用ES6可以简化为：

// usage example:
var myArray = ['a', 1, 'a', 2, '1'];
var unique = myArray.filter((v, i, a) => a.indexOf(v) === i);
// unique is ['a', 1, 2, '1']

ES6有一个本地对象Set来存储唯一值。要获得具有唯一值的数组，您现在可以执行以下操作：

var myArray = ['a', 1, 'a', 2, '1'];
let unique = [...new Set(myArray)];
// unique is ['a', 1, 2, '1']

构造函数Set采用可迭代对象（例如Array），并且散布运算符...将集合转换回Array。

以上是 获取JavaScript数组中的所有唯一值（删除重复项） 的全部内容， 来源链接： utcz.com/qa/404354.html

回到顶部