如果两个值都不存在，我如何推入数组?这是我的数组:
[
{ name: "tom", text: "tasty" },
{ name: "tom", text: "tasty" },
{ name: "tom", text: "tasty" },
{ name: "tom", text: "tasty" },
{ name: "tom", text: "tasty" }
]
如果我试图再次推入数组的名字:“tom”或文本:“tasty”，我不希望发生任何事情…但如果这两个都不存在那么我就输入。push()
我该怎么做呢?
当前回答
我的选择是使用.includes()扩展数组。正如@Darrin Dimitrov所建议的原型:
Array.prototype.pushIfNotIncluded = function (element) {
if (!this.includes(element)) {
this.push(element);
}
}
记住include来自es6，在IE上不起作用: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/includes
其他回答
你可以用一个自定义方法扩展Array原型:
// check if an element exists in array using a comparer function
// comparer : function(currentElement)
Array.prototype.inArray = function(comparer) {
for(var i=0; i < this.length; i++) {
if(comparer(this[i])) return true;
}
return false;
};
// adds an element to the array if it does not already exist using a comparer
// function
Array.prototype.pushIfNotExist = function(element, comparer) {
if (!this.inArray(comparer)) {
this.push(element);
}
};
var array = [{ name: "tom", text: "tasty" }];
var element = { name: "tom", text: "tasty" };
array.pushIfNotExist(element, function(e) {
return e.name === element.name && e.text === element.text;
});
http://api.jquery.com/jQuery.unique/
var cleanArray = $.unique(clutteredArray);
你可能对makeArray也感兴趣
前面的例子最好说明在push之前检查它是否存在。 事后看来，它还声明你可以将它声明为原型的一部分(我猜这是又名类扩展)，所以下面没有大的增强。
除了我不确定indexOf是一个更快的路径，然后inArray?可能。
Array.prototype.pushUnique = function (item){
if(this.indexOf(item) == -1) {
//if(jQuery.inArray(item, this) == -1) {
this.push(item);
return true;
}
return false;
}
我建议你使用Set，
集只允许唯一的条目，这将自动解决您的问题。
集合可以这样声明:
const baz = new Set(["Foo","Bar"])
不确定速度，但stringification + indexOf是一个简单的方法。首先将数组转换为字符串:
let strMyArray = JSON.stringify(myArray);
然后，对于一系列属性-值对，您可以使用:
if (strMyArray.indexOf('"name":"tom"') === -1 && strMyArray.indexOf('"text":"tasty"') === -1) {
myArray.push({ name: "tom", text: "tasty" });
}
查找整个对象更简单:
if (strMyArray.indexOf(JSON.stringify(objAddMe) === -1) {
myArray.push(objAddMe);
}
如果没有结果，可以使用jQuery grep和push: http://api.jquery.com/jQuery.grep/
这基本上是与“扩展原型”解决方案相同的解决方案，但没有扩展(或污染)原型。
