如何防止向javascript数组添加重复键

Question

我找到了很多相关的问题,并且回答是关于...在循环中并使用hasOwnProperty,但我没有做任何正常工作.我想要做的就是检查数组中是否存在键,如果没有,则添加它.

我从一个空数组开始,然后在用jQuery擦除页面时添加键.

最初,我希望像下面这样简单的东西可以工作:(使用通用名称)

if (!array[key])
   array[key] = value;

不行.跟着它:

for (var in array) {
   if (!array.hasOwnProperty(var))
      array[key] = value;
}

还尝试过:

if (array.hasOwnProperty(key) == false)
   array[key] = value;

这些都没有奏效.要么没有任何东西被推到阵列,要么我尝试的只不过array[key] = value是简单地宣称为什么这么简单如此难以做到.任何使这项工作的想法？

Answer 1

一般来说,使用对象可以更好地完成,因为JavaScript实际上没有关联数组:

var foo = { bar: 0 };

然后in用来检查密钥:

if ( !( 'bar' in foo ) ) {
    foo['bar'] = 42;
}

正如下面的评论中正确指出的那样,只有当您的键是字符串或可以表示为字符串的项(例如数字)时,此方法才有用.

Answer 2

var a = [1,2,3], b = [4,1,5,2];

b.forEach(function(value){
  if (a.indexOf(value)==-1) a.push(value);
});

console.log(a);
// [1, 2, 3, 4, 5]

欲了解更多详情,请阅读Array.indexOf.

如果你想依赖jQuery,而是使用jQuery.inArray:

$.each(b,function(value){
  if ($.inArray(value,a)==-1) a.push(value);
});

如果所有的值是简单,唯一可表示为字符串,但是,你应该使用一个对象而不是一个数组,一个潜在的巨大的速度增加(由@JonathanSampson在回答中所述).

Answer 3

ES6 中使用 Sets 提供了更好的替代方案。因此，如果您需要一个不应添加重复项的数组，则建议使用 Sets，而不是声明 Arrays。

var array = new Set();
array.add(1);
array.add(2);
array.add(3);

console.log(array);
// Prints: Set(3) {1, 2, 3}

array.add(2); // does not add any new element

console.log(array);
// Still Prints: Set(3) {1, 2, 3}

Answer 4

这是使用传播的简单方法。

此代码将给出重复项：

let colors = ['red', 'orange', 'yellow'];
let moreColors = ['orange', 'green'];

// uh oh! this gives us 'orange' twice
let mergedColors = [...colors, ...moreColors];

因此，您可以在合并数组的同时过滤和删除它们。

let mergedColors = [...colors, ...moreColors.filter(c => !colors.includes(c)) ];