javascript dynamically set value to object property

Question

Is it possible to dynamically set value to javascript object. For example i have the following array of objects:

var result = [
    {id: 1,color: ['black']},
    {id: 1,color: ['white']},
    {id: 1,color: ['green']}
];

And when creating another one i want to set all values color from array result to the new object. Basically i want it to looks like this:

{id:1, colors: ['black', 'white', 'green']}

I tried something like this:

var result = [
    {id: 1,color: ['black']},
    {id: 1,color: ['white']},
    {id: 1,color: ['green']}
];

var object1 = {
    id: 1,
    colors: function(){
        for(i = 1; i < result.length; i++) {
            this.colors.push(result[i].color);
        }
    }
};

but it doesn't work and basically i understand why, i am just looking for workaround solution. I am pretty new to javascript so i need some suggestions. Any ideas?

All the answers make an assumption that you only have one id value (i.e. 1). Is that what you want? Will there be any objects with an id of 2 or with different ids? — RobG
– RobG, Commented Jul 6, 2015 at 7:12

Matthew King · Accepted Answer · 2015-07-06 06:28:57Z

4

Currently, you are setting colors to be a function, but you want colors to be an array.

One way to accomplish that is to do the following:

var object1 = {
    id: 1,
    colors: []
};

for(var i = 0; i < result.length; i++) {
    object1.colors.push(result[i].color);
}

answered Jul 6, 2015 at 6:28

Matthew King

1,3627 silver badges13 bronze badges

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

Comments

Nikhil Batra · Accepted Answer · 2015-07-06 06:34:18Z

0

You can forEach loop to iterate the array result:

var object1 = {id:1, colors:[]};

result.forEach( function (item)
{
   object1.colors.push(item.color);
});

answered Jul 6, 2015 at 6:34

Nikhil Batra

3,14816 silver badges20 bronze badges

Comments

RIYAJ KHAN · Accepted Answer · 2015-07-06 06:41:05Z

0

you can do it in this way.

var result = [
   {id: 1,color: ['black']},
   {id: 1,color: ['white']},
   {id: 1,color: ['green']}
 ];

var arrResult =  {id:1,colors : []}

result.forEach(function(val,key){            
        arrResult.colors=arrResult.colors.concat(val.color)
})

answered Jul 6, 2015 at 6:41

RIYAJ KHAN

15.3k5 gold badges34 silver badges56 bronze badges

Comments

Jaromanda X · Accepted Answer · 2015-07-06 06:42:00Z

0

a slight rewrite of your attempt

var object1 = {
    id: 1,
    colors: (function(){
        var ret = [];
        result.forEach(function(item) {
            ret.push(item.color);
        });
        return ret;
    }())
};

answered Jul 6, 2015 at 6:42

Jaromanda X

57.1k6 gold badges82 silver badges96 bronze badges

Collectives™ on Stack Overflow

javascript dynamically set value to object property

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related