create two dimensional array and loop through it in jquery

Question

Objectives:

Create Two dimension array in javascript/jquery
Push data into it
Loop through each key,value pair
Call function in loop

Code:

    var IDs = [];
    /* Find Input elements and push its ID & Value into an array */
    $('#divDynamicFields').find("input").each(function () { 
       IDs.push(this.id, $(this).val()); 
   }); 
    console.log(IDs); /* Now it prints string seprated by ',' */

   /* Loop Through Each element in 2D array */
   $.each(IDs, function(key, value) { 
     $.each(key, function(innerKey, innerValue){
        CallFunction(id,val); 
        /* Will This Work ? */
      }
   }

I don't see 2 dimensions in that 1 dimensional array. So I guess the answer is nope, that won't work. — Spokey
– Spokey, Commented Oct 1, 2014 at 11:50
@Spokey i want to create 2d array that holds id,value as pair — Shaggy
– Shaggy, Commented Oct 1, 2014 at 11:52

Pratik Joshi · Accepted Answer · 2014-10-01 12:18:08Z

11

The whole idea is to push to array not two elements, but an array, which consists of two elements:

JSFiddle.

var IDs = [];
$('#divDynamicFields input').each(function()
{ 
    IDs.push([this.id, $(this).val()]); 
});

for (var i = 0; i < IDs.length; i++)
{
    CallFunction(IDs[i][0], IDs[i][1]);
}

function CallFunction(id, value)
{
    console.log("ID: " + id + ", value: " + value);
}

edited Oct 1, 2014 at 12:18

Pratik Joshi

11.7k7 gold badges44 silver badges73 bronze badges

answered Oct 1, 2014 at 12:02

Regent

5,1743 gold badges23 silver badges36 bronze badges

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

Comments

Kesty · Accepted Answer · 2014-10-01 12:05:12Z

You have a couple of problems..

The first one is that you have to add the input as an array

       IDs.push([this.id, $(this).val()]);

The second one is that you want to call the ids you just added together, you don't want to do a double loop.

$.each(IDs, function(key, value) { 
      CallFunction(value[0],value[1]);
});

This is an example:

var IDs = [];
/* Find Input elements and push its ID & Value into an array */
$('#divDynamicFields').find("input").each(function () { 
   IDs.push([this.id, $(this).val()]); 
 }); 
console.log(IDs); /* Now it prints string seprated by ',' */

 /* Loop Through Each element in 2D array */
$.each(IDs, function(key, value) { 
       CallFunction(value[0],value[1]);
});

function CallFunction(id,val) {
   console.log(id+","+val);
}

JSFiddle

Pratik Joshi · Accepted Answer · 2014-10-01 12:18:22Z

1

Use object for insertion

var IDs = {};
$('#divDynamicFields').find("input").each(function () {     
   IDs[this.id]= $(this).val(); 
});

And similarly loop

$.each(IDs , function (index, value) {
    alert( index + ' : ' + value );
});

edited Oct 1, 2014 at 12:18

answered Oct 1, 2014 at 11:56

Pratik Joshi

11.7k7 gold badges44 silver badges73 bronze badges

6 Comments

Regent Over a year ago

What is news and obj? obj.[this.id] - it should be obj[this.id], shouldn't it? $('#divDynamicFields').find("input") will look a little better with $('#divDynamicFields input').

Pratik Joshi Over a year ago

@Regent , its typo error bro , logic is important.Thanks corrcted answer.DOWNVOTER care to comment? Answer is correct?

Pratik Joshi Over a year ago

A human being can understand the typo , obj.[this.id] to => IDs.[this.id] Is this difficult ?

Regent Over a year ago

Is it difficult to correct all typos and mistakes in the answer? Answer should be answer, not "find and fix all mistakes and typos in it". I do not downvote answers, because I always hope that people will correct them. And downvoting answer as vengeance is very strange, don't you think so? And once more: it has to be IDs[this.id], not IDs.[this.id].

Pratik Joshi Over a year ago

Ok you can do +1 if answer is correct . Now its correct ,and good for future users.

|

Faris Zacina · Accepted Answer · 2014-10-01 12:00:43Z

0

Your push syntax and iteration is wrong. You should do something like:

var IDs = [];

IDs.push([1, 2]);
IDs.push([2, 3]);

/* Loop Through Each element in 2D array */
$.each(IDs, function(key, value) {
  alert(value);
});

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

answered Oct 1, 2014 at 12:00

Faris Zacina

14.3k8 gold badges64 silver badges76 bronze badges

Comments

sauerburger · Accepted Answer · 2017-08-23 12:51:54Z

0

create two dimensional array

MultiArray = new Array(5)

MultiArray [0] = new Array(2)

MultiArray [0][0] = "Tom"

MultiArray [0][1] = "scientist"

MultiArray [1] = new Array(2)

MultiArray [1][0] = "Beryl"

MultiArray [1][1] = "engineer"

https://trans4mind.com/personal_development/JavaScript/Array2D.htm

edited Aug 23, 2017 at 12:51

sauerburger

5,1884 gold badges35 silver badges46 bronze badges

answered Aug 23, 2017 at 12:01

Nikhil waghela

1

Comments

Dushyant Dagar · Accepted Answer · 2017-09-01 10:16:12Z

0

You can try this to create a dimensional array in jquery by using

var IDs = [];
 $('#divDynamicFields').find("input").each(function () { 
     IDs.push({
        id: $(this).val()           
     });
});

console.log(IDs);

This will allow you to send your all data whatever you want to pass in array by ajax.

answered Sep 1, 2017 at 10:16

Dushyant Dagar

1,09910 silver badges17 bronze badges

Collectives™ on Stack Overflow

create two dimensional array and loop through it in jquery

6 Answers 6

Comments

Comments

6 Comments

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

6 Answers 6

Comments

Comments

6 Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related