JavaScript Array Push key value

Question

Ok, I'm going a little wrong here and I've already wasted an hour with this so hopefully one of you guys can help me.

var a = ['left','top'],
    x = [];

for(i=0;i<a.length;i++) {
    x.push({
        a[i] : 0
    });
}

How do I go about pushing a value to each of the keys inside the var a array?

You can see my failed attempted but hopefully that will give you an insight into what I'm trying to achieve.

Felix Kling · Accepted Answer · 2011-10-18 20:37:39Z

56

You have to use bracket notation:

var obj = {};
obj[a[i]] = 0;
x.push(obj);

The result will be:

x = [{left: 0}, {top: 0}];

Maybe instead of an array of objects, you just want one object with two properties:

var x = {};

and

x[a[i]] = 0;

This will result in x = {left: 0, top: 0}.

answered Oct 18, 2011 at 20:37

Felix Kling

820k181 gold badges1.1k silver badges1.2k bronze badges

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

Comments

Mohammad Usman · Accepted Answer · 2018-01-15 10:41:15Z

8

You may use:

To create array of objects:

var source = ['left', 'top'];
const result = source.map(arrValue => ({[arrValue]: 0}));

Demo:

var source = ['left', 'top'];

const result = source.map(value => ({[value]: 0}));

console.log(result);

Or if you wants to create a single object from values of arrays:

var source = ['left', 'top'];
const result = source.reduce((obj, arrValue) => (obj[arrValue] = 0, obj), {});

Demo:

var source = ['left', 'top'];

const result = source.reduce((obj, arrValue) => (obj[arrValue] = 0, obj), {});

console.log(result);

answered Jan 15, 2018 at 10:33

Mohammad Usman

39.6k20 gold badges99 silver badges101 bronze badges