Array.push() if does not exist?

Array.push() if does not exist?

How can I push into an array if neither values exist? Here is my array:
{ name: “tom”, text: “tasty” },
{ name: “tom”, text: “tasty” },
{ name: “tom”, text: “tasty” },
{ name: “tom”, text: “tasty” },
{ name: “tom”, text: “tasty” }

If I tried to push again into the array with either name: “tom” or text: “tasty”, I don’t want anything to happen… but if neither of those are there then I want it to .push()
How can I do this?


Solution 1:

You could extend the Array prototype with a custom method:

// 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)) {

var array = [{ name: "tom", text: "tasty" }];
var element = { name: "tom", text: "tasty" };
array.pushIfNotExist(element, function(e) { 
    return === && e.text === element.text; 

Solution 2:

For an array of strings (but not an array of objects), you can check if an item exists by calling .indexOf() and if it doesn’t then just push the item into the array:

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");


Solution 3:

It is quite easy to do using the Array.findIndex function, which takes a function as an argument:

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

if (index === -1){
else console.log("object already exists")

Solution 4:

var cleanArray = $.unique(clutteredArray);

you might be interested in makeArray too

The previous example is best in saying that check if it exists before pushing.
I see in hindsight it also states you can declare it as part of the prototype (I guess that’s aka Class Extension), so no big enhancement below.

Except I’m not sure if indexOf is a faster route then inArray? probably.

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

Solution 5:

Use a js library like underscore.js for these reasons exactly. Use: union: Computes the union of the passed-in arrays: the list of unique items, in order, that are present in one or more of the arrays.

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

Solution 6:

Like this?

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

With object

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