Prevent adding input to array a duplicate value in an object

Question

I have a field that inserts object to an array (tasks).

tasks[

description: "test",

id: "unique from date.now()" ]

How do i prevent from adding a same description value into my array.

<div class="container">
    <input id="list-input" />
    <input id="select-status" value="New" type="hidden"/>
    <button id="add">Add To List</button>
</div>

my script

var tasks = [];

$('#add').click(function() {
    var desc    = $.trim($('#list-input').val());
    var date    = Date.now(); //for unique value of id
    var strDate = date.toString();
    var id      = strDate.substring(strDate.length-6, strDate.length);

    item        = {};

    if (!desc) {
        item.id = "";
        alert("Input a description");
        return;
    }

    item.id          = id;
    item.description = desc;
    tasks.push(item);
}

i think that you should use an idArray and check each time that you push on tasks array a value if idArray includes the value before pushing it in tasks array — Milaci
– Milaci, Commented Dec 19, 2016 at 21:57

sinisake · Accepted Answer · 2016-12-19 22:13:34Z

2

You CAN have array of objects, so not sure why you changed your initial tasks type? Anyway, you can do something like this:

var tasks = [];

$('#add').click(function() {
    var desc    = $.trim($('#list-input').val());
    var date    = Date.now(); //for unique value of id
    var strDate = date.toString();
    var id      = strDate.substring(strDate.length-6, strDate.length);

    item = {};

    if (!desc) {
        item.id = "";
        alert("Input a description");
        return;
    }

item.id          = id;
item.description = desc;

for(i=0;i<tasks.length;i++) {
if(tasks[i].description==desc) {
alert('In array!')
return;
}
}

tasks.push(item);    
 

 
 console.log(tasks); 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="container">
    <input id="list-input" />
    <input id="select-status" value="New" type="hidden"/>
    <button id="add">Add To List</button>
</div>

So, just check if description value already exists in one of objects, inside array.

answered Dec 19, 2016 at 22:13

sinisake

11.3k2 gold badges21 silver badges29 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Jorge Over a year ago

was doing exactly the same. but i placed my push to an else. thanks mate

Community · Accepted Answer · 2017-05-23 12:09:04Z

0

First off, your tasks array example is not a valid array i.e.:

[ description: "test", id: "unique from date.now()" ]

Are you meaning to enclose the elements in curly braces?:

[ 
  { description: "test", id: "unique from date.now()" }, 
  { description: "test2", id: "unique from date.now()" } 
]

If you want to make sure an object with a certain description doesn't already exist in the array, prior to adding the new object, you can loop the array and check for a previous duplicate before adding the new one in a similar way to this.

edited May 23, 2017 at 12:09

CommunityBot

11 silver badge

answered Dec 19, 2016 at 21:56

Honinbo Shusaku

1,5563 gold badges28 silver badges47 bronze badges

Collectives™ on Stack Overflow

Prevent adding input to array a duplicate value in an object

2 Answers 2

1 Comment

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related