Delete JavaScript object attributes like

Question

Here is what I need to do. I have an object that goes

{"MainASubB":"AB","MainBSubC":"BC"...}

Every once in a while I need to take out all attributes that start MainA prior to putting in a new attribute starting MainA. In the example above the object transformations would be

{"MainASubB":"AB","MainBSubC":"BC"...} =>
{"MainBSubC":"BC"...} => //MainASubB has now been taken out
{"MainASubD":"AB","MainBSubC":"BC"...};  A new MainA group attribute, MainASubD has now been added.

I am aware of what Javascript delete can do but on its own I dont think it quite takes me all the way there. I should mention that

At times there may be no MainA group attribute present in the first place.
Provided the code works as intended there can never be more than one MainA group attribute.

Stringifying the object, cleaning out the string as required, then de-stringifying it and then finally putting in the new MainA group attribute is certainly possible but I am wondering if there is another techique, perhaps one reliant on jQuery?, that will get me there faster.

What's wrong with delete? Where else does it need to take you? — deceze
– deceze ♦, Commented Jun 4, 2013 at 13:14
Maybe you are looking for jQuery.extend [api.jquery.com/jQuery.extend/] — Imran Latif
– Imran Latif, Commented Jun 4, 2013 at 13:15
Perhaps my question was not clear. When I do need to take out the MainA group attribute all I will know is that there may be an attribute bearing the form MainA### without quite knowing what # might be — DroidOS
– DroidOS, Commented Jun 4, 2013 at 13:19

Felix Kling · Accepted Answer · 2013-06-04 13:20:39Z

3

You have to iterate over the properties, compare each name and then delete the property:

for (var prop in obj) {
    if (prop.indexOf('MainA') === 0) { // property name starts with 'MainA'
        delete obj[prop];
        break; // since there can be only one
    }
}

I wouldn't use such "hierarchical" property names though. Why not use nested objects and just overwrite the value as you see fit?

For example:

var obj = {
    MainA: {
       SubA: '...'
    },
    MainB: {
       SubA: '...'
    }
};

and then it's just:

obj.MainA = {SubD: '...'};

or just add the "sub" value:

obj.MainA.SubD = '...';

This would be more flexible in the long run.

edited Jun 4, 2013 at 13:20

answered Jun 4, 2013 at 13:15

Felix Kling

820k181 gold badges1.1k silver badges1.2k bronze badges

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

2 Comments

DroidOS Over a year ago

Thanks. Iteration is certainly a possiblity - in fact that is what I am currently doing. I posted the question in the hope that someone out here can suggest a neater solution. As for the hierarchical object attribute names - I have little control over that. It may not be a good idea in general but in the context of where this is being used it is not just the only solution but also the perfect one.

Felix Kling Over a year ago

@DroidOS: There is no other reasonable solution than iterating over the property names. You could keep an extra object which holds a prefix -> property name mapping , e.g. var prefix_map = {MainA: 'MainASubA'};. Then you wouldn't have to iterate anymore, but you have to maintain the map.

HBP · Accepted Answer · 2013-06-04 13:56:15Z

1

Here is a generic function :

function removeProperties (obj, prop) {
  Object.keys (obj).forEach (
    function (p) {
      if (typeof prop === 'string' ? p.indexOf (prop) == 0 : prop.test (p)) 
        delete obj[p]; 
  });
  return obj;
}

The parameter obj is the object wheich you want to remove properties from. Parameter prop can be a string, 'MainA' for example, in which case any properties with names starting with that string will be removed. If 'prop is a regular expression then any properties whose names match it will be removed.

The removal is done in-place, i.e obj itself is modified, it is also returned as the result of the function.

See it in action here : http://jsfiddle.net/jstoolsmith/EpSxC/

answered Jun 4, 2013 at 13:56

HBP

16.1k6 gold badges30 silver badges34 bronze badges

2 Comments

DroidOS Over a year ago

Thanks. I am in fact sticking with simple iteration but I like your generic function which is why I am accepting your answer.

HBP Over a year ago

Thank you. I always strive to write generic functions, it makes reuse easier.

Collectives™ on Stack Overflow

Delete JavaScript object attributes like

2 Answers 2

2 Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related