Jquery making array within an array

Question

I'm trying to create an array in jquery. I need this array to have multiple other arrays in them.

My code now:

      var arr = [];

     $('.thumb').each(function(){
      arr.push($(this).attr('data-storename'),$(this).attr('data-grid-item-id')); 
 });

This gives me just 1 array with all the data-storename's and data-grid-item-id's in it.

I want my array to look like :

0 [

   0 =>   data-storename : (someinfo)
   1 =>   data-grid-item-id : (someinfo)
]


1 [

   0 =>   data-storename : (someinfo)
   1 =>   data-grid-item-id : (someinfo)
]

and so on.

All my attempts end up being one single array, but just nested inside another array. Any help?

IMO, avoid broken, standards-defying APIs. JS now handles Array-like objects anyway. Array.from($('.thumb'), function (el) { return [..., ...] }) — user1106925
– user1106925, Commented Sep 19, 2016 at 15:52

Rory McCrossan · Accepted Answer · 2016-09-19 15:46:28Z

2

Firstly you can use map() to create the outer array. You can then return an array containing the two values you require from the map() handler function. Try this:

var arr = $('.thumb').map(function(){
    return [[$(this).data('storename'), $(this).data('grid-item-id')]];
}).get()

Working example

edited Sep 19, 2016 at 15:46

answered Sep 19, 2016 at 15:30

Rory McCrossan

338k41 gold badges322 silver badges353 bronze badges

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

12 Comments

Tushar Over a year ago

Don't you have to return in the map()

Rory McCrossan Over a year ago

@Tushar thanks. Wrote that in the description, then forgot to actually put it in the example XD

Tushar Over a year ago

Still, return arr.push(... ==> return [..., ...]

peter vries Over a year ago

i get the console arror : Uncaught TypeError: Cannot read property 'push' of undefined(anonymous function)

adeneo Over a year ago

tada -> $.map($('.thumb'),e=>[[$(e).data('storename'), $(e).data('grid-item-id')]]);

|

Collectives™ on Stack Overflow

Jquery making array within an array

1 Answer 1

12 Comments

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

12 Comments

Related