Manipulating javascript object with underscore

Question

I have a Javascript object with a format like below

"items":
         {
         "Groups":[
            {
               "title":"group 1",
               "SubGroups":[
                  {
                     "title":"sub1",
                     "id" : "1",
                     "items":[
                        {
                           "title":"Ajax request 1",
                        },
                        {
                           "title":"Ajax request 2",
                        }
                     ]
                  },
                    {
                     "title":"sub2",
                     "id" : "2",
                     "items":[
                        {
                           "title":"Ajax request 3",
                        },
                        {
                           "title":"Ajax request 4",
                        }
                     ]
                  }
               ]
            }
         ]

There are n 'Groups', n 'subGroups' and n 'items'.

What I want to do firstly is get all the items from a particular group based on id. This is achieved using:

_.each(items.Groups, function(o) {
     result = _.where(o.SubGroups, {
    'id': '1'
  });
});

which returns

"items":[{"title":"Ajax request 1",},{"title":"Ajax request 2",}]

Then I want to get the rest of the data, excluding the items and parent group I have just retrieved.

I tried this:

_.each(items.Groups, function(o) {
        arr = _.without(o.SubGroups, _.findWhere(o.SubGroups, {id: '2'}));
  });

But this only returns me the items like this:

{
 "title":"sub2",
 "id" : "2",
 "items":[{"title":"Ajax request 3"},{"title":"Ajax request 4",}]
}

whereas what I need is this:

 "items":
             {
             "Groups":[
                {
                   "title":"group 1",
                   "SubGroups":[
                        {
                         "title":"sub2",
                         "id" : "2",
                         "items":[
                            {
                               "title":"Ajax request 3",
                            },
                            {
                               "title":"Ajax request 4",
                            }
                         ]
                      }
                   ]
                }
             ]

ADreNaLiNe-DJ · Accepted Answer · 2016-03-04 09:32:03Z

1

Just try this:

_.each(items.Groups, function(o) {
    arr = _.without(o, _.findWhere(o.SubGroups, {id: '2'}));
});

o should be enough => you want to get Groups and not SubGroups.

answered Mar 4, 2016 at 9:32

ADreNaLiNe-DJ

4,8994 gold badges28 silver badges35 bronze badges

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

Comments

Rajesh Dixit · Accepted Answer · 2016-03-04 09:49:15Z

Following is a pure JS implementation:

JSFiddle.

var data = {
  "Groups": [{
    "title": "group 1",
    "SubGroups": [{
      "title": "sub1",
      "id": "1",
      "items": [{
        "title": "Ajax request 1",
      }, {
        "title": "Ajax request 2",
      }]
    }, {
      "title": "sub2",
      "id": "2",
      "items": [{
        "title": "Ajax request 3",
      }, {
        "title": "Ajax request 4",
      }]
    }]
  }]
}

var items = [];
var group = [];

data.Groups.forEach(function(o) {
  var _tmp = JSON.parse(JSON.stringify(o));
  _tmp.SubGroups = [];
  o.SubGroups.forEach(function(s) {
    if (s.id == "1") {
      items.push(s.items);
    } else {
      _tmp.SubGroups.push(s);
      group.push(_tmp)
    }
  });
});

function printObj(label, obj) {
  document.write(label + "<pre>" + JSON.stringify(obj, 0, 4) + "</pre>")
}

printObj("group", group);
printObj("items", items);

Cyril Cherian · Accepted Answer · 2016-03-04 10:14:26Z

0

Using underscore and using your logic to filter all subgroups:

//array to store subgroup with ID 1
var results = [];
var d = _.each(data.items.Groups, function(o) {
     result = _.where(o.SubGroups, {
    'id': '1'
  });
  //add to results array
  results.push(result);
});
//make a clone of the earlier object so that you get the parent structure.
var data1 = _.clone(data);
//set the filtered results to the group
data1.items.Groups = results;
//your data as you want
console.log(data1)

Working code here

answered Mar 4, 2016 at 10:14

Cyril Cherian

32.4k7 gold badges48 silver badges57 bronze badges

Collectives™ on Stack Overflow

Manipulating javascript object with underscore

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related