Json object pushed into javascript array

Question

I have this javascript array:

var data = ([

      ['Price', 'Time'],
      ['1.10661',  1467923348, ],
      ['1.10675',  1467923349, ],
      ['1.10681',  1467923350, ],
      ['1.10690',  1467923351, ],

    ]);

Im sending a request to my server using ajax and Im reciving as response this json objects:

[{"PRICE":"1.10662","TIME":"1467923352"},{"PRICE":"1.10663","TIME":"1467923353"}]

What im trying to do is to parse the response and push the objects inside of my array so the final result should be this:

var data = ([

      ['Price', 'Time'],
      ['1.10661',  1467923348, ],
      ['1.10675',  1467923349, ],
      ['1.10681',  1467923350, ],
      ['1.10690',  1467923351, ],
      ['1.10662',  1467923352, ],
      ['1.10663',  1467923353, ],

    ]);

Please keep in mind the number of objets I receive as response changes in every request. In the example Im giving is received just two objects but this changes all the time.

Thank you in advance

Have you tried anything. SO is not a code writing service.

bhspencer
– bhspencer

2016-07-07 23:33:23 +00:00
Commented Jul 7, 2016 at 23:33 — bhspencer
– bhspencer, Commented Jul 7, 2016 at 23:33
Provide your JS script. I'll fix it

Alexander Elgin
– Alexander Elgin

2016-07-10 05:31:15 +00:00
Commented Jul 10, 2016 at 5:31 — Alexander Elgin
– Alexander Elgin, Commented Jul 10, 2016 at 5:31

Samuel Toh · Accepted Answer · 2016-07-10 06:08:55Z

I guess you can break your problem down into 2 parts. First think about how you can make the response data to look the same as data, in terms of data format. Then merge the 2 arrays into one.

Here is my approach. First use the map api to go through every object in resp and extract the property value of PRICE and TIME and store it into a new array. This should leave you with an array of array with position 0 as price and position 1 as time.

[ [ '1.10662', '1467923352' ], [ '1.10663', '1467923353' ] ]

Then use the concat api to combine the 2 arrays into one.

Example:

var data = ([

  ['Price', 'Time'],
  ['1.10661',  1467923348, ],
  ['1.10675',  1467923349, ],
  ['1.10681',  1467923350, ],
  ['1.10690',  1467923351, ],

]);

var resp = [{"PRICE":"1.10662","TIME":"1467923352"},{"PRICE":"1.10663","TIME":"1467923353"}];

data = data.concat(
    resp.map(entity => { return [ entity.PRICE, entity.TIME ]; })
);

Output:

[ [ 'Price', 'Time' ],
  [ '1.10661', 1467923348 ],
  [ '1.10675', 1467923349 ],
  [ '1.10681', 1467923350 ],
  [ '1.10690', 1467923351 ],
  [ '1.10662', '1467923352' ],
  [ '1.10663', '1467923353' ] ]

You might want to read more about the map and concat api here;

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/map

https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Array/concat

Iosef · Accepted Answer · 2016-07-10 22:09:12Z

0

Thank you very much for the answers! I found the solution, let me share it with you.
(The example is a bit different but the idea is exactly the same)

edited Jul 10, 2016 at 22:09

answered Jul 10, 2016 at 22:02

Iosef

3510 bronze badges

Comments

Iosef · Accepted Answer · 2016-07-10 22:12:29Z

<html>
<body>

        <script>
        var myArray = [{"ASK":"1.10662","TIME":"1467923348"},{"ASK":"1.10663","TIME":"1467923346"},{"ASK":"1.10661","TIME":"1467923340"},{"ASK":"1.10663","TIME":"1467923346"},
        {"ASK":"1.10661","TIME":"1467923340"}];

               var data = ([

                  ['PRICE', 'TIME'],

                ]);



        var actualrows = data.length
        var finalrows = data.length + myArray.length;





        for( var i=actualrows; i<finalrows; i++ ) {
          data.push( [] );
        }

        while(actualrows < finalrows){
            var column = 0;
            while(column <2){
                data[actualrows][0] = myArray[actualrows-1]['ASK'];
                data[actualrows][1] = myArray[actualrows-1]['TIME'];;
            column++;
            }

                actualrows++ ;      
        }



        </script>



</body>
</html>

Collectives™ on Stack Overflow

Json object pushed into javascript array

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related