Array.push () wenn nicht vorhanden?

Wie kann ich in ein Array pushen, wenn keiner der Werte vorhanden ist? Hier ist mein Array:

[
    { name: "tom", text: "tasty" },
    { name: "tom", text: "tasty" },
    { name: "tom", text: "tasty" },
    { name: "tom", text: "tasty" },
    { name: "tom", text: "tasty" }
]

Wenn ich versucht habe, mit oder name: "tom"oder erneut in das Array zu pushen text: "tasty", möchte ich nicht, dass etwas passiert ... aber wenn keines davon vorhanden ist, möchte ich, dass es passiert.push()

Wie kann ich das machen?

Sie können den Array-Prototyp mit einer benutzerdefinierten Methode erweitern:

// 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; 
});

Für ein Array von Zeichenfolgen (aber nicht für ein Array von Objekten) können Sie durch Aufrufen überprüfen, ob ein Element vorhanden ist, .indexOf()und ob dies nicht der Fall ist , wird das Element in das Array verschoben:

var newItem = "NEW_ITEM_TO_ARRAY";
var array = ["OLD_ITEM_1", "OLD_ITEM_2"];

array.indexOf(newItem) === -1 ? array.push(newItem) : console.log("This item already exists");

console.log(array)

Es ist ziemlich einfach, die Array.findIndexFunktion zu verwenden, die eine Funktion als Argument verwendet:

var a = [{name:"bull", text: "sour"},
    { name: "tom", text: "tasty" },
    { name: "tom", text: "tasty" }
]
var index = a.findIndex(x => x.name=="bob")
// here you can check specific property for an object whether it exist in your array or not

if (index === -1){
    a.push({your_object});
}
else console.log("object already exists")

http://api.jquery.com/jQuery.unique/

var cleanArray = $.unique(clutteredArray);

Vielleicht interessiert Sie auch makeArray

Im vorherigen Beispiel sollten Sie vor dem Drücken überprüfen, ob es vorhanden ist. Ich sehe im Nachhinein auch, dass Sie es als Teil des Prototyps deklarieren können (ich denke, das ist auch als Klassenerweiterung bekannt), also keine große Verbesserung unten.

Außer ich bin mir nicht sicher, ob indexOf eine schnellere Route ist als inArray? wahrscheinlich.

Array.prototype.pushUnique = function (item){
    if(this.indexOf(item) == -1) {
    //if(jQuery.inArray(item, this) == -1) {
        this.push(item);
        return true;
    }
    return false;
}

Verwenden Sie genau aus diesen Gründen eine js-Bibliothek wie underscore.js . Verwendung: Vereinigung: Berechnet die Vereinigung der übergebenen Arrays: Die Liste der eindeutigen Elemente in der Reihenfolge, die in einem oder mehreren der Arrays vorhanden sind.

_.union([1, 2, 3], [101, 2, 1, 10], [2, 1]);
=> [1, 2, 3, 101, 10]

So was?

var item = "Hello World";
var array = [];
if (array.indexOf(item) === -1) array.push(item);

Mit Objekt

var item = {name: "tom", text: "tasty"}
var array = [{}]
if (!array.find(o => o.name === 'tom' && o.text === 'tasty'))
    array.push(item)

Ich weiß, dass dies eine sehr alte Frage ist, aber wenn Sie ES6 verwenden, können Sie eine sehr kleine Version verwenden:

[1,2,3].filter(f => f !== 3).concat([3])

Sehr einfach, fügen Sie zuerst einen Filter hinzu, der das Element entfernt - falls es bereits vorhanden ist, und fügen Sie es dann über einen Concat hinzu.

Hier ist ein realistischeres Beispiel:

const myArray = ['hello', 'world']
const newArrayItem

myArray.filter(f => f !== newArrayItem).concat([newArrayItem])

Wenn Ihr Array Objekte enthält, können Sie die Filterfunktion folgendermaßen anpassen:

someArray.filter(f => f.some(s => s.id === myId)).concat([{ id: myId }])

Dynamisch drücken

var a = [
  {name:"bull", text: "sour"},
  {name: "tom", text: "tasty" },
  {name: "Jerry", text: "tasty" }
]

function addItem(item) {
  var index = a.findIndex(x => x.name == item.name)
  if (index === -1) {
    a.push(item);
  }else {
    console.log("object already exists")
  }
}

var item = {name:"bull", text: "sour"};
addItem(item);

In einfacher Methode

var item = {name:"bull", text: "sour"};
a.findIndex(x => x.name == item.name) == -1 ? a.push(item) : console.log("object already exists")

Wenn das Array nur primitive Typen / einfaches Array enthält

var b = [1, 7, 8, 4, 3];
var newItem = 6;
b.indexOf(newItem) === -1 && b.push(newItem);

Ich würde vorschlagen, dass Sie ein Set verwenden ,

Sets erlauben nur eindeutige Einträge, wodurch Ihr Problem automatisch gelöst wird.

Sets können wie folgt deklariert werden:

const baz = new Set(["Foo","Bar"])

Einfacher Code: Wenn 'indexOf' '-1' zurückgibt, bedeutet dies, dass sich das Element nicht im Array befindet, und die Bedingung '=== -1' ruft true / false ab.

Der Operator '&&' bedeutet 'und'. Wenn also die erste Bedingung erfüllt ist, verschieben wir sie in das Array.

array.indexOf(newItem) === -1 && array.push(newItem);

Ich bin mir nicht sicher über die Geschwindigkeit, aber stringification+ indexOfist ein einfacher Ansatz. Beginnen Sie damit, Ihr Array in einen String umzuwandeln:

let strMyArray = JSON.stringify(myArray);

Dann können Sie für eine Reihe von Attribut-Wert-Paaren Folgendes verwenden:

if (strMyArray.indexOf('"name":"tom"') === -1 && strMyArray.indexOf('"text":"tasty"') === -1) {
   myArray.push({ name: "tom", text: "tasty" });
}

Das Finden eines ganzen Objekts ist einfacher:

if (strMyArray.indexOf(JSON.stringify(objAddMe) === -1) { 
   myArray.push(objAddMe);
}

Falls Sie etwas Einfaches benötigen, ohne den Array-Prototyp erweitern zu wollen:

// Example array
var array = [{id: 1}, {id: 2}, {id: 3}];

function pushIfNew(obj) {
  for (var i = 0; i < array.length; i++) {
    if (array[i].id === obj.id) { // modify whatever property you need
      return;
    }
  }
  array.push(obj);
}

Für den Fall, dass jemand weniger komplizierte Anforderungen hat, hier meine Anpassung der Antwort für ein einfaches String-Array:

Array.prototype.pushIfNotExist = function(val) {
    if (typeof(val) == 'undefined' || val == '') { return; }
    val = $.trim(val);
    if ($.inArray(val, this) == -1) {
        this.push(val);
    }
};

Update: Ersetzt indexOf und trimmt durch jQuery-Alternativen für die IE8-Kompatibilität

Ich habe Map und Reduce verwendet, um dies zu tun, wenn Sie nach einer bestimmten Eigenschaft eines Objekts suchen möchten. Dies ist nützlich, da die direkte Objektgleichheit häufig fehlschlägt.

var newItem = {'unique_id': 123};
var searchList = [{'unique_id' : 123}, {'unique_id' : 456}];

hasDuplicate = searchList
   .map(function(e){return e.unique_id== newItem.unique_id})
   .reduce(function(pre, cur) {return pre || cur});

if (hasDuplicate) {
   searchList.push(newItem);
} else {
   console.log("Duplicate Item");
}

Kurzes Beispiel:

if (typeof(arr[key]) === "undefined") {
  arr.push(key);
}

a ist das Array von Objekten, die Sie haben

a.findIndex(x => x.property=="WhateverPropertyYouWantToMatch") <0 ? 
a.push(objectYouWantToPush) : console.log("response if object exists");

Sie können die findIndex-Methode mit einer Rückruffunktion und ihrem "this" -Parameter verwenden.

Hinweis: Alte Browser kennen findIndex nicht, aber eine Polyfüllung ist verfügbar.

Beispielcode (achten Sie darauf, dass in der ursprünglichen Frage ein neues Objekt nur dann gepusht wird, wenn sich keine seiner Daten in zuvor geposteten Objekten befindet):

var a=[{name:"tom", text:"tasty"}], b;
var magic=function(e) {
    return ((e.name == this.name) || (e.text == this.text));
};

b={name:"tom", text:"tasty"};
if (a.findIndex(magic,b) == -1)
    a.push(b); // nothing done
b={name:"tom", text:"ugly"};
if (a.findIndex(magic,b) == -1)
    a.push(b); // nothing done
b={name:"bob", text:"tasty"};
if (a.findIndex(magic,b) == -1)
    a.push(b); // nothing done
b={name:"bob", text:"ugly"};
if (a.findIndex(magic,b) == -1)
    a.push(b); // b is pushed into a

Ich denke, ich bin zu spät, um hier zu antworten, aber das ist es, was ich mir schließlich für einen Mail-Manager ausgedacht habe, den ich geschrieben habe. Funktioniert das ist alles was ich brauche.

window.ListManager = [];
$('#add').click(function(){
//Your Functionality
  let data =Math.floor(Math.random() * 5) + 1 
  
  if (window.ListManager.includes(data)){
      console.log("data exists in list")
  }else{
       window.ListManager.push(data);
  }
  
  
  $('#result').text(window.ListManager);
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<h1>Unique List</h1>

<p id="result"></p>
<button id="add">Add to List</button>

Dies funktioniert für einen Objektvergleich. In einigen Fällen müssen Sie möglicherweise viele Felder vergleichen. Schleifen Sie einfach das Array und rufen Sie diese Funktion mit vorhandenen und neuen Elementen auf.

 var objectsEqual = function (object1, object2) {
        if(!object1 || !object2)
            return false;
        var result = true;
        var arrayObj1 = _.keys(object1);
        var currentKey = "";
        for (var i = 0; i < arrayObj1.length; i++) {
            currentKey = arrayObj1[i];
            if (object1[currentKey] !== null && object2[currentKey] !== null)
                if (!_.has(object2, currentKey) ||
                    !_.isEqual(object1[currentKey].toUpperCase(), object2[currentKey].toUpperCase()))
                    return false;
        }
        return result;
    };

Hier haben Sie eine Möglichkeit, dies in einer Zeile für zwei Arrays zu tun:

const startArray = [1,2,3,4]
const newArray = [4,5,6]

const result = [...startArray, ...newArray.filter(a => !startArray.includes(a))]

console.log(result);
//Result: [1,2,3,4,5,6]

Sie können jQuery grep verwenden und pushen, wenn keine Ergebnisse erzielt werden: http://api.jquery.com/jQuery.grep/

Es ist im Grunde die gleiche Lösung wie bei der "Erweiterung des Prototyps" -Lösung, jedoch ohne den Prototyp zu erweitern (oder zu verschmutzen).

Sie können das Array mit foreach überprüfen und dann das Element einfügen, falls vorhanden. Andernfalls fügen Sie ein neues Element hinzu ...

Beispiel newItemValue & submitFields sind Schlüssel-Wert-Paare

> //submitFields existing array
>      angular.forEach(submitFields, function(item) {
>                   index++; //newItemValue new key,value to check
>                     if (newItemValue == item.value) {
>                       submitFields.splice(index-1,1);
>                         
>                     } });

                submitFields.push({"field":field,"value":value});