object property name as variable

Question

I have this code below and I'm trying to make the property name "color" in the "maps.setColors({" replaced with its value from the drivers array:

var drivers = {
    "drivers":[
       {
          "driver_id":"101",
          "driver_name":"B",
          "truck_capacity":1000,
          "truck_color":"#00FF00",
          "truck_radio":"checked"
       },
       {
          "driver_id":"102",
          "driver_name":"A",
          "truck_capacity":2000,
          "truck_color":"#FF0000",
          "truck_radio":""
       }
     ]
 };

for (var prop in drivers) { 
        if (drivers.hasOwnProperty(prop)) { 
            for (var prop2 in drivers[prop]) {
                var color = drivers[prop][prop2]['truck_color'];
                maps.setColors({
                    color: {
                        current: 0,
                        polygonOptions: {
                            fillColor: color,
                            fillOpacity: 0.7,
                            strokeColor: '#2143AA',
                            strokeWeight: 2,
                            suppressUndo: true
                        }
                    }
                });
                google.maps.event.addDomListener(document.getElementById(id), 'click', function() {
                    maps.setColor(color);
                });
            }
        }
    }

It is not working so basiclly I want the loop to produce dynamically a code like this:

maps.setColors({
    '#00FF00': {
        current: 0,
        polygonOptions: {
            fillColor: '#00FF00',
            fillOpacity: 0.7,
            strokeColor: '#2143AA',
            strokeWeight: 2,
            suppressUndo: true
        }
    },
    '#FF0000': {
        current: 0,
        polygonOptions: {
            fillColor: '#FF0000',
            fillOpacity: 0.7,
            strokeColor: '#2143AA',
            strokeWeight: 2,
            suppressUndo: true
        }
    }
});

How can I do that please?

Thanks

in ES2015 you can write {[color]: {}} Other way you should define all of them key-by-key: o[color] = {}; — vp_arth
– vp_arth, Commented Jun 10, 2016 at 10:43

freakish · Accepted Answer · 2016-06-10 10:43:56Z

1

Something like this should do the job:

var params = {};
for (var prop2 in drivers[prop]) {
    var color = drivers[prop][prop2]['truck_color'];
    params[color] = {
        current: 0,
        polygonOptions: {
            fillColor: color,
            fillOpacity: 0.7,
            strokeColor: '#2143AA',
            strokeWeight: 2,
            suppressUndo: true
        }
    };
}
maps.setColors(params);

answered Jun 10, 2016 at 10:43

freakish

57k12 gold badges141 silver badges181 bronze badges

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

Comments

Kevin Cifuentes Salas · Accepted Answer · 2016-06-12 14:01:04Z

0

I think that you should put it like this:

var prove = {
                [color]: {
                    current: 0,
                    polygonOptions: {
                        fillColor: color,
                        fillOpacity: 0.7,
                        strokeColor: '#2143AA',
                        strokeWeight: 2,
                        suppressUndo: true
                    }
                }};

With brakets. See console output in this codepen: http://codepen.io/anon/pen/vKGNbB?editors=1111

edited Jun 12, 2016 at 14:01

answered Jun 10, 2016 at 10:52

Kevin Cifuentes Salas

316 bronze badges

2 Comments

Andy_D Over a year ago

What's the output you get using [color]?

Kevin Cifuentes Salas Over a year ago

Object { #00FF00: Object { current: 0, polygonOptions: Object {} } }

Collectives™ on Stack Overflow

object property name as variable

2 Answers 2

Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related