Underscore Create array of objects from JSON object

Question

I have following JSON structure:

  {
        "shops": {
            "categories": {
                "cat_1": {
                    "id": "1",
                    "label": "Men's Fashions",
                    "Brands": [{
                        "id": "2",
                        "name": "Smith"
                    }]
                },
                "cat_2": {
                    "id": "2",
                    "label": "Restaurants",
                    "Brands": [{
                        "id": "3",
                        "name": "KFC"
                    }, {
                        "id": "4",
                        "name": "SUBWAY"
                    }, {
                        "id": "5",
                        "name": "MLD"
                    }, {
                        "id": "6",
                        "name": "THAI"
                    }]
                },
                "cat_3": {
                    "id": "3",
                    "label": "Specialty Shops",
                    "Brands": [{
                        "id": "7",
                        "name": "BODY SHOP"
                    }]
                }
            }
        }
    }

I'd like to achieve something like this:

    [{
            "categoryid": "1",
            "id": "2",
            "label": "Men's Fashions",
            "name": "Smith"
        },

        {
            "categoryid": "2",
            "id": "3",
            "label": "Restaurants",
            "name": "KFC"
        },

        {
            "categoryid": "2",
            "id": "4",
            "label": "Restaurants",
            "name": "SUBWAY"
        },

        {
            "categoryid": "2",
            "id": "5",
            "label": "Restaurants",
            "name": "MLD"
        },

        {
            "categoryid": "2",
            "id": "6",
            "label": "Restaurants",
            "name": "THAI"
        }, {
            "categoryid": "3",
            "id": "7",
            "label": "Specialty Shops",
            "name": "BODY SHOP"
        },

    ]

Is there an elegant way to achieve it using underscore?

I tried to use nested _.each() to do that, but feel there might be something better.

 generateArray: function(obj) {

  var newResult = [];

    _.each(obj.categories, function(c) {

        _.each(c.Brands, function(d) {

            newResult.push({

                "categoryid": c.id,
                "id": d.id,
                "label": c.label,
                "name": d.name

            });

        });


    });
    return newResult;

}

Anyone can advise me which way is more efficiency at running time?

mine or @Artyom Neustroev or @Anthony Chu ?

@Robert: Artyom's answer should be the fastest. Mine is just another way to do it with underscore. Out of the 3, yours is actually the most readable, IMHO. :) — Anthony Chu
– Anthony Chu, Commented Apr 18, 2014 at 21:38

Artyom Neustroev · Accepted Answer · 2014-04-18 08:02:33Z

4

You don't really need underscore for that task. Use simple for .. in .. and for (...) loops:

var json = {...};
var result = [];    
for (var catKey in json.shops.categories) {
   var currentCategory = json.shops.categories[catKey];
   for (var i = 0; i < currentCategory.Brands.length; i++) {
      var currentBrand = currentCategory.Brands[i];
      result.push({
         categoryid: currentCategory.id,
         label: currentCategory.label,
         id: currentBrand.id,
         name: currentBrand.name
      });
   }
}

Fiddle here

answered Apr 18, 2014 at 8:02

Artyom Neustroev

8,7355 gold badges36 silver badges59 bronze badges

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

1 Comment

JavaScripter Over a year ago

Hi, thank you for the first answer. I feel I am using the some way like yours though I am using _.each function. I will try Anthony Chu's methods

nanobash · Accepted Answer · 2014-04-18 08:15:44Z

2

Instead of each()'s, here's a way to do it with map()'s...

var output = _.chain(input.shops.categories)
    .map(function (category) {    
        return _(category.Brands).map(function (brand) {
            return { categoryId: category.id,
                    id: brand.id,
                    label: category.label,
                    name: brand.name
            };
        });
    }).flatten().value();

JSFIDDLE

edited Apr 18, 2014 at 8:15

nanobash

5,4967 gold badges41 silver badges56 bronze badges

answered Apr 18, 2014 at 8:08

Anthony Chu

37.6k10 gold badges85 silver badges72 bronze badges

Collectives™ on Stack Overflow

Underscore Create array of objects from JSON object

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related