javascript : create objects dynamically

Question

Ok. I want to create a JSON array dynamically. Case is:

Lets say, I have array:

var arrayCompanyUsers = ["dealers", "builders"];

From the above array, I want to generate another array as below:

[
    "dealers" : {
                  "RequestQuote" : false,
                  "PlaceOrder" : false,
                 },
    "builder" : {
                  "RequestQuote" : false,
                  "PlaceOrder" : false,
                 }
]

Two questions:

how to generate resultant array ?
can i access the properties as: dealers.RequestQuote ?

[ "dealers" : { "RequestQuote" : false, "PlaceOrder" : false, }, "builder" : { "RequestQuote" : false, "PlaceOrder" : false, } ] would not be a array.Array does not have key-value pair. You probably want to have Array of Objects like [ {"dealers" : { "RequestQuote" : false, "PlaceOrder" : false, }}, {"builder" : { "RequestQuote" : false, "PlaceOrder" : false, }} ] — Rakesh_Kumar
– Rakesh_Kumar, Commented Feb 19, 2015 at 10:03
Yes ofcourse. But my resultant array will contain objects whose names will be assigned from arrayCompanyUsers — Chintan Soni
– Chintan Soni, Commented Feb 19, 2015 at 10:06
All of you were right. Thanks for you all. You spent time to answer me. Collectively, I have upvoted all of you as you were right. — Chintan Soni
– Chintan Soni, Commented Feb 19, 2015 at 10:36

Simon · Accepted Answer · 2015-02-19 10:04:56Z

2

You can do this with the following snipped:

var arrayCompanyUsers = ['dealers', 'builders'];
var target = {};
for (var i = 0; i < arrayCompanyUsers.length; i++){
    var user = arrayCompanyUsers[i];
    target[user] = {
        'RequestQuote' : false,
        'PlaceOrder' : false,
    };
}
console.log(target);

And yes, you should be able to access the properties with dealers.RequestQuote

answered Feb 19, 2015 at 10:04

Simon

2301 silver badge6 bronze badges

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

Comments

joews · Accepted Answer · 2015-02-19 10:20:13Z

1

You could use Array.prototype.map to create an array of objects:

var output = arrayCompanyUsers.map(function(key) {
  var record = {};
  record[key] =  {
    RequestQuote : false,
    PlaceOrder : false,
  }

  record data;
})

To get RequestQuote for the "dealers" record:

function getValue(records, name, value) {
  var matches = records.filter(function(record) {
      return record[name] !== undefined;
    })

    if(matches.length > 0) {
      return matches[0][name][value];
    }
}

console.log(getValue(output, 'dealers', 'RequestQuote'));
// -> false

As an aside, your data would be easier to work with if you used the format:

{
  name: "dealers",
  properties: {
    RequestQuote : false,
    PlaceOrder : false,
  }
}

edited Feb 19, 2015 at 10:20

answered Feb 19, 2015 at 10:04

joews

30.4k11 gold badges82 silver badges91 bronze badges

Comments

Naeem Shaikh · Accepted Answer · 2015-02-19 10:31:59Z

1

see this : http://jsfiddle.net/zL5x6xxm/3/

 var arrayCompanyUsers = ["dealers", "builders"];
var result=[];
for(i=0;i<arrayCompanyUsers.length;i++)
{var x=arrayCompanyUsers[i]
    result.push('{'+ x+':{  "RequestQuote" : false, "PlaceOrder" : false, }}');  
}

console.log(result);

edited Feb 19, 2015 at 10:31

answered Feb 19, 2015 at 10:06

Naeem Shaikh

15.8k8 gold badges53 silver badges92 bronze badges

4 Comments

Chintan Soni Over a year ago

When I tried your solution with some modifiction, I got [{"x":{"RequestQuote":false,"PlaceOrder":false}},{"x":{"RequestQuote":false,"PlaceOrder":false}}]

Chintan Soni Over a year ago

I did console.log(JSON.stringify(result)); to see the output

Naeem Shaikh Over a year ago

@ChintanSoni create a fiddle of it, what i wrote is according to the requirement you asked in the question

Chintan Soni Over a year ago

Yes. Just a little correction with your answer. I wanted "dealers" , "builders" instead of "x"

Collectives™ on Stack Overflow

javascript : create objects dynamically

3 Answers 3

Comments

Comments

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related