How to use object in javascript or jquery

Question

I need to create object parameter some thing like this

sample_data=[{
                        name: 'new',
                        data: [1, 0, 2, 8, 1]
                    }, {
                        name: 'open',
                        data: [1, 2, 3, 7, 1]
                    },{
                        name: 'closed',
                        data: [5, 4, 3, 1, 1]
                    },{
                        name: 'onhold',
                        data: [1, 1, 2, 0, 1]
                    }, {
                        name: 'completed',
                        data: [0, 0, 5, 1, 2]
                    }];

I had totally 6 arrays all the name parameters in array1 and all data parameters in another arrays.

Is there any option to built object as my requirement above, using arrays that i have

My arrays:

name_array=Array("new","open","closed","onhold","completed");

    new_data=Array(1, 0, 2, 8, 1);
    open_data=Array(1, 2, 3, 7, 1);
    closed_data=Array(5, 4, 3, 1, 1);
    onhold_data=Array(1, 1, 2, 0, 1);
    completed_data=Array(0, 0, 5, 1, 2);

Help me how to create object using these array in javascript or jquery.

Since there are a flurry of similar answers, I'm just going to post this here as a reference. jsfiddle.net/mkmcdonald/RJSZ9/1 — user1385191
– user1385191, Commented Mar 11, 2011 at 5:31

Adam Ayres · Accepted Answer · 2011-03-11 04:53:17Z

3

This solution assumes your array objects are declared globally (on the window object). Typically I would not suggest this type of thing, but this works:

var sampleData = [];

for (var i = 0; i < name_array.length; i++) {
    var arrayName = name_array[i];
    sampleData.push({
        name: arrayName,
        data: window[arrayName + "_data"]
    });
}

Here is a jsfiddle with it working:

http://jsfiddle.net/magicaj/HzQvu/

answered Mar 11, 2011 at 4:53

Adam Ayres

8,9381 gold badge35 silver badges25 bronze badges

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

Comments

RSG · Accepted Answer · 2011-03-11 05:00:03Z

0

It sounds like what you should be using is an object.

names = {
  "new" : Array(1, 0, 2, 8, 1),
  "open" : Array(1, 2, 3, 7, 1),
...
};

So to construct it given the sample_data above would be:

names = {};
for(var i =0; i<sample_data.length; i ++){
  names[sample_data[i].name] = sample_data[i].data;
}

You can then access the object as names["new"] or var which = "new"; names[which]; and so on, and iterate over the object if needed.

answered Mar 11, 2011 at 5:00

RSG

7,1436 gold badges38 silver badges51 bronze badges

Comments

Quincy · Accepted Answer · 2011-03-11 05:04:35Z

0

With the eval() function...

var name_array=Array("new","open","closed","onhold","completed");

 var   new_data=Array(1, 0, 2, 8, 1);
   var  open_data=Array(1, 2, 3, 7, 1);
   var  closed_data=Array(5, 4, 3, 1, 1);
   var  onhold_data=Array(1, 1, 2, 0, 1);
  var   completed_data=Array(0, 0, 5, 1, 2);

$(function(){

  var combined = [];  
  for(var i = 0;i<name_array.length;i++)
  {
      combined.push({
          name: name_array[i],
          data: eval(name_array[i] + "_data")
      });
  } 


});

http://jsfiddle.net/tbErD/

answered Mar 11, 2011 at 5:04

Quincy

4,4333 gold badges30 silver badges40 bronze badges

Comments

htanata · Accepted Answer · 2011-03-11 05:21:40Z

0

You can get shorter code using jQuery.map.

var sample_data = $.map(name_array, function(value, index) {
  return {name: value, data: eval(value + '_data')};
});

answered Mar 11, 2011 at 5:21

htanata

37k8 gold badges52 silver badges57 bronze badges

Comments

Dave Ward · Accepted Answer · 2011-03-11 05:27:28Z

0

$.map() is a clean, expressive way to do that:

var sample_data = $.map(name_array, function(type) {
  return { 
    name: type, 
    data: window[type + '_data']
  };
});

Whether you use a for-loop or $.map() (which is a for-loop under the hood too), it's important to distinguish between using window[string] and eval(string). Building a string to use as a window key is not the same thing as using eval and doesn't share its vulnerabilities.

For example, window['alert("doevil")'] harmlessly returns undefined.

edited Mar 11, 2011 at 5:27

answered Mar 11, 2011 at 5:21

Dave Ward

60.7k14 gold badges119 silver badges134 bronze badges

Collectives™ on Stack Overflow

How to use object in javascript or jquery

5 Answers 5

Comments

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

Comments

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related