How to remove item from a JavaScript object [duplicate]

Question

How can I remove an item from a JavaScript object?

Like this:

var test = {'red':'#FF0000', 'blue':'#0000FF'};
test.remove('blue');

I believe this is the solution How to remove a property from a javascript object — John Kalberer, Commented Jun 9, 2011 at 15:15

Jonathan · Accepted Answer · 2017-10-09 13:42:43Z

805

var test = {'red':'#FF0000', 'blue':'#0000FF'};
delete test.blue; // or use => delete test['blue'];
console.log(test);

this deletes test.blue

Jonathan

2,9004 gold badges24 silver badges42 bronze badges

answered Jun 9, 2011 at 15:13

matchew

19.7k5 gold badges46 silver badges48 bronze badges

2

This works great, you can check it here live: jsfiddle.net/b8whD/2
– Mohammed Swillam
Commented Jun 9, 2011 at 15:21
2

What if we've an object like that : {0: 'red', 1:'green', 2:'blue'} delete test.0 will fail.
– Hotgeart
Commented Sep 15, 2015 at 16:41
10

@Hotgeart but delete test[0] will succeed. Although, if you are using naturally incrementing integers for your object keys maybe consider an array?
– matchew
Commented Sep 15, 2015 at 16:45
7

@Kermani No, delete has existed since ES1. See developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/…
– Patrick Finnigan
Commented Sep 17, 2016 at 16:42
7

@PatrickFinnigan It is funny, because I did not expect to see any easy good from ES1 :)
– Mohammad Kermani
Commented Sep 17, 2016 at 17:03

| Show 6 more comments

1 Answer 1