Reconstruct angular java script array object

Question

I need to reconstruct this array

var benefits = {
    "Emergency services": [
        "Emergency room care",
        "Ambulance service",
        "Urgent care centers/facilities"
    ],
    "Laboratory services": [
        "Lab tests & X-ray services",
        "Imaging/diagnostics (e.g.,  MRI, CT scan, PET scan"
    ],
};

To something like the one below before I display it our to the page with an ng-repeat angular directive

var planBenefit = {
    "Emergency services": [
        {
            benefit: "Emergency room care",
            category: "Emergency services",
            limit: "",
            limit_individual: "",
            max_day_limit: "",
            plan: "newPlan"
        },
        {
            benefit: "Ambulance service",
            category: "Emergency services",
            limit: "",
            limit_individual: "",
            max_day_limit: "",
            plan: "newPlan"
        },
        {
            benefit: "Urgent care centers/facilities",
            category: "Emergency services",
            limit: "",
            limit_individual: "",
            max_day_limit: "",
            plan: "newPlan"
        }
    ],
    "Laboratory services": [
        {
            benefit: "Lab tests & X-ray services",
            category: "Laboratory services",
            limit: "",
            limit_individual: "",
            max_day_limit: "",
            plan: "newPlan"
        },
        {
            benefit: "Imaging/diagnostics (e.g.,  MRI, CT scan, PET scan",
            category: "Laboratory services",
            limit: "",
            limit_individual: "",
            max_day_limit: "",
            plan: "newPlan"
        }
    ]
}

Anyone who can help with this. Am getting the data from an API but I need to display it on the page under the categories in the second array and capture more information before I send it back to a different API and save

This problem actually has nothing to do with multidimensional arrays (nor AngularJs actually), please remove those tags :) — Valentin Waeselynck
– Valentin Waeselynck, Commented Apr 15, 2016 at 12:15

Shilly · Accepted Answer · 2016-04-15 12:10:07Z

1

You can use a map inside a reduction to quickly generate the structure you need. I'll leave getting everything into an angular directive to yourself, since I don't work with angular. Good luck.

   var planBenefit = Object.keys(benefits).reduce(function( map, key ) {
        map[key] = benefits[key].map(function( benefit ) {
            return {
                "benefit" : benefit,
                "category" : key,
                "limit" : "",
                "limit_individual" : "",
                "max_day_limit" : "",
                "plan" : "newPlan"
            };
        });
        return map;
    }, {});

answered Apr 15, 2016 at 12:10

Shilly

8,5991 gold badge21 silver badges24 bronze badges

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

1 Comment

Hugo S. Mendes Over a year ago

nice implementation!

Shaishab Roy · Accepted Answer · 2016-04-15 12:31:25Z

0

Can try it :

   var planBenefit = {};

   for (var key in benefits) {
       if (benefits.hasOwnProperty(key)) {

         planBenefit[key]= [];

         benefits[key].forEach(function(benefitName) {

           var newBenefit = {
                "benefit" : benefitName,
                "category" : key,
                "limit" : "",
                "limit_individual" : "",
                "max_day_limit" : "",
                "plan" : "newPlan"
           };

           planBenefit[key].push(newBenefit);

         });
       }
   }

answered Apr 15, 2016 at 12:31

Shaishab Roy

16.9k7 gold badges56 silver badges69 bronze badges

Collectives™ on Stack Overflow

Reconstruct angular java script array 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