Remove property in Javascript [duplicate]

Question

I have the following object

b.push({ data: d, width: 5, color: color });

then I have

b= [{data:10,width:5, color:"yellow"},{data:12,width:5, color:"red"},etc...];

I added color property and now I do not need and I want to remove it. I would like to know what is easiest way to do it?

Answer 1

You can delete it using delete

delete b[0].color

Answer 2

If you're using .push({}) and pushing an object literal and not having reference any other way to those objects just use map:

b = b.map(function(obj) {
  return {data: obj.data, width: obj.width};
});

If you happen to have reference then the only way I can really think of it would be to use the delete keyword even though I don't recommend it:

for(var obj of b) {
  delete obj.color;
}

Answer 3

You can write a function to find all objects where they have a property and that property has a targeted values that you want to delete.\

The program is pretty self-explanatory. Add a comment if you are missing a concept.

/* Redirect console output to HTML. */ document.body.innerHTML = '';
console.log=function(){document.body.innerHTML+=[].slice.apply(arguments).join(' ')+'\n';};

var b = [{
  data: 'Red',
  width: 1,
  color: '#FF0000'
}, {
  data: 'Blue',
  width : 1,
  color: '#00FF00'
}, {
  data: 'Green',
  width: 1,
  color: '#0000FF'
}];

function removeProperty(items, key, value, propToRemove) {
  items.forEach(function(item) {
    if (item != null && item[key] === value) {
      delete item[propToRemove];
    }
  });
}

// delete the 'color' property of the provided data matches.
removeProperty(b, 'data', 'Blue', 'color');

console.log(JSON.stringify(b, null, '  '));

body { font-family: monospace; white-space: pre; font-size: 11px; }