Building a data array in JavaScript or jQuery

Question

How can I generate such data using a loop in JavaScript?

 data: [{
     y: 'bjjjjjjj mmnmmanf j',
     a: 98,
     b: 48

 }, {
     y: 'd',
     a: 50,
     b: 40
 }, {
     y: 'e',
     a: 75,
     b: 65
 }, {
     y: 'f',
     a: 50,
     b: 40
 }, {
     y: 'g',
     a: 75,
     b: 65
 }, {
     y: 'h',
     a: 100,
     b: 90
 }],

So far I've stored the data in the different arrays, but have no idea how can I generate the structure:

[{y:'d',a:98,b:48},{y:'d',a:50,b:40}, etc...]

Here are my arrays:

I_array = [98,50,75,50,75,100];
C_array = [48,40,46,40,65,90];
Name_array = ['b','d','e','f','g','h'];

Why are the values in separate arrays to begin with if you need them in the array-of-objects structure? — nnnnnn
– nnnnnn, Commented Apr 29, 2015 at 12:00
I must, must I? So you aren't able to save yourself the conversion step by generating the right structure in the first place? — nnnnnn
– nnnnnn, Commented Apr 29, 2015 at 12:15
@ReginwaldtLed you can never guarantee the quality of the data you get by "making them one". It will be subject to many errors afterwards. — enb081
– enb081, Commented Apr 29, 2015 at 12:36

Rohit Arora · Accepted Answer · 2015-04-29 12:03:40Z

4

Try this: This is just an example. You can loop it according to your requirements.

var data = [];
for(var i = 0;i<4;i++)                   //your for loop starts here
{
    var obj = {};
    obj.y ='y';
    obj.a='a';
    obj.z='e';
    data.push(obj);
}

answered Apr 29, 2015 at 12:03

Rohit Arora

2,2622 gold badges28 silver badges40 bronze badges

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

2 Comments

Wesley Smith Over a year ago

Could also just do data.push( {"y": y, "a":a, "z":z} );

Rohit Arora Over a year ago

@DelightedD0D Yes, but i think it will be more easy for anyone to understand.

A. Wolff · Accepted Answer · 2015-04-29 12:09:10Z

3

You could map it using javascript array.prototype.map:

var I_array = [98, 50, 75, 50, 75, 100];
var C_array = [48, 40, 46, 40, 65, 90];
var Name_array = ['b', 'd', 'e', 'f', 'g', 'h'];

var newArray = Name_array.map(function (o, i) {
    return {
        y: o,
        a: I_array[i],
        b: C_array[i]
    };
});

-jsFiddle-

answered Apr 29, 2015 at 12:09

A. Wolff

74.4k9 gold badges98 silver badges158 bronze badges

Comments

PeterKA · Accepted Answer · 2015-04-29 12:13:18Z

1

var I_array = [98,50,75,50,75,100],
    C_array = [48,40,46,40,65,90],
    Name_array = ['b','d','e','f','g','h'],
    data = $.map( I_array, function(v, i) {
      return {        
        y: Name_array[i],
        a: v,
        b: C_array[i]
      };
    });

console.log( data );
$('body').text( JSON.stringify( data ) );

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

answered Apr 29, 2015 at 12:13

PeterKA

24.7k5 gold badges28 silver badges52 bronze badges

Comments

enb081 · Accepted Answer · 2015-04-29 12:24:05Z

0

You can try:

I_array = [98, 50, 75, 50, 75, 100];
C_array = [48, 40, 46, 40, 65, 90];
Name_array = ['b', 'd', 'e', 'f', 'g', 'h'];

var s = "";

for (i = 0; i < I_array.length; i++) {
    if (i > 0) s += ",";
    s += "{ \"y\":\"" + Name_array[i] + "\", \"a\":" + I_array[i] + ", \"b\": " + C_array[i] + " }";
}

var text = "{\"data\": [";
text += s;
text += "]}";

var obj = JSON.parse(text);

jsfiddle

answered Apr 29, 2015 at 12:24

enb081

4,09912 gold badges45 silver badges66 bronze badges

2 Comments

nnnnnn Over a year ago

Why would you build up a string and then parse it when you can just build an array of objects directly?

enb081 Over a year ago

Maybe he doesn't even need to parse it? In the question it wasn't specified.

Collectives™ on Stack Overflow

Building a data array in JavaScript or jQuery

4 Answers 4

2 Comments

-jsFiddle-

Comments

Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

2 Comments

Comments

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related