JavaScript array elements weirdness

Question

This is my first question here.

I have an AJAX returning JSON string, and after function.done, going through:

var arData = [];
$.each(response, function(key, value) {
     var temp = [value[0], value[1]];
    arData.push(temp);
    //console.log(temp);
});
console.log(arData);

When I print the var temp, the result is quite normal, something like ["BUFFER STOK", 497206627]. But, when I printout the arData variable, the resulting console log is as follows:

How is that that a series of 2 dimensional arrays shows up as 4 in length, with element 0, 1, and 3?

Edit: This is the log of the response object: resulting response log

*****UPDATE*****

I'm trying to re-word my question. I'm using ajax to get json data, in pairs: [["data 1", int value 1],["data 2", int value 2],...]. From this data, I intend to create an javascript array with the same value, by using arData.push(["data 1", int value 1]);, for each pair of the json data.

This is my original code:

        var arData = [];
        $.ajax({
          cache: false,
          type: 'get',
          url: 'dtsearch4.php',
          data: {type : 2},
          dataType: 'json',
          async: false
        })
        .done(function(response){ 
          $.each(response, function(key, value) {
             $.each(v,function(key, value){
                  //var temp = [value[0], value[1]];
                  arData.push([value[0], value[1]]);
              });
          });

However, the resulting array is something like this:

v[Array[2], Array[2],[Array[2],...] v0: Array[4] 0: "APBD-I" 1: 302462864 3: NaN length: 4 __proto__: Array[0] v1: Array[4] v2: Array[4]

=> What's with array[4], and element number 0, 1 and 3? No number 2?

While what I want is an array with 2 elements:

v[Array[2], Array[2],[Array[2],...] v0: Array[2] 0: "APBD-I" 1: 302462864 length: 2 __proto__: Array[0] v1: Array[2] v2: Array[2]

array, if i print it as text, the result is standard json array: [["APBD-I",302462864],["APBD-II",616363007.68],["BUFFER STOK",... — rherry
– rherry, Commented Jan 29, 2016 at 5:04
Edit your question and mention full response you are getting and what output you want — Monty Khanna
– Monty Khanna, Commented Jan 29, 2016 at 5:35

Monty Khanna · Accepted Answer · 2016-01-29 06:45:26Z

2

you have to run each loop two times.

$.each(v, function(v_key, v_value) {
     $.each(v_key,function(key, value){
          arData.push([value[0], value[1]]);
      });
});

1st loop will take the values like v0, v1, v2. 
second loop will take the values of v0 like 0,1,3,length,__proto__

edited Jan 29, 2016 at 6:45

answered Jan 29, 2016 at 6:40

Monty Khanna

1,1207 silver badges15 bronze badges

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

1 Comment

rherry Over a year ago

Thanks, @Monty. Yes, need to have two loops.

Vasim Shaikh · Accepted Answer · 2016-01-29 05:00:25Z

1

Normally its working fine,

 <html>
    <head>
    <script>
    function callthis(){
    var arData = [];
    {
        var value=[];
         value[0]="vasim";
         value[1]="vanzara";
         var temp = [value[0], value[1]];
        arData.push(temp);
        //console.log(temp);
    }
    console.log(arData);
    }
    </script>
    </head>
    <body>
        <input type="button" onclick="callthis()" value="Click me">
    </body>
    </html>

You can use JavaScript instead of Jquery for call service, http://www.javascriptkit.com/dhtmltutors/ajaxgetpost.shtml

answered Jan 29, 2016 at 5:00

Vasim Shaikh

4,5522 gold badges25 silver badges52 bronze badges

Comments

Ryan · Accepted Answer · 2016-01-29 04:17:55Z

-1

In this code, jQuery will call your callback function for each elements in the response object. temp's lifetime exists only until the end of that function. So, you're only seeing an array with length 2 in the console.log(temp) call because it doesn't have its previous value.

$.each(response, function(key, value) {
    var temp = [value[0], value[1]];
    arData.push(temp);
    //console.log(temp);
});

answered Jan 29, 2016 at 4:17

Ryan

14.7k9 gold badges68 silver badges104 bronze badges

5 Comments

rherry Over a year ago

Not sure I follow. I know that temp lifetime is only within the scope. However, arData is declared outside of the scope. Shouldn;t the data inside temp be transfered into arData?

Ryan Over a year ago

arData gets the value of temp append to it by the call to arData.push(temp);

rherry Over a year ago

Not working. I removed the temp, changed into arData.push([value[0], value[1]]);, but the resulting array is still the same.

Ryan Over a year ago

I don't think you understand what the code is doing, you're pushing an array with 2 values onto an array for each time your callback is called. What is the confusion? It's what your code is supposed to do.

rherry Over a year ago

Yes, I believe that's what I'm aiming at. My intended result for arData is something like [ [value1, value2], [value1, value2], etc. ]

Collectives™ on Stack Overflow

JavaScript array elements weirdness

3 Answers 3

1 Comment

Comments

5 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

Comments

5 Comments

Your Answer

Sign up or log in

Post as a guest

Related