How to create multidimensional array for each row?

Question

For a website I used a grid layout. What I want is to store all items per row inside a row.

I have an overall array that is calling arrWrap = [];. Now I want to create for each row an new array, where I store each time 4 items. So a new array should be created after the third item in a row.

How do I achieve this? I use Javascript for this project.

   var arrPos = [];

   for (var i = 0; i < elements.length; ++i) { 

            arrPos[i] = i;
            console.dir(arrPos[i]);

            if (arrPos[i] > 3) {
                alert(arrPos[i]);

            };
    }

Possible duplicate Javascript Multidimensional Array

Ragdata
– Ragdata

2015-09-16 09:05:54 +00:00
Commented Sep 16, 2015 at 9:05 — Ragdata
– Ragdata, Commented Sep 16, 2015 at 9:05

Salketer · Accepted Answer · 2015-09-16 09:10:25Z

1

var arrWrap = [];
var steps = 4;
for (var i = 0; i < elements.length; i=i+steps) { 
    arrWrap.push(elements.slice(i,i+steps));
}

answered Sep 16, 2015 at 9:10

Salketer

15.8k2 gold badges32 silver badges64 bronze badges

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

1 Comment

Caspert Over a year ago

Thanks for your answer, but I get an error: Uncaught TypeError: elements.slice is not a function.

Nina Scholz · Accepted Answer · 2015-09-16 15:12:47Z

This proposal feature the Array.prototype.reduce and offers two solutions:

Grouped by consecutive elements dataGroupedA

[
    [  0,  1,  2 ],
    [  3,  4,  5 ],
    [  6,  7,  8 ],
    [  9, 10, 11 ],
    [ 12, 13, 14 ]
]

Grouped by the 5th element dataGroupedB

[
    [ 0, 5, 10 ],
    [ 1, 6, 11 ],
    [ 2, 7, 12 ],
    [ 3, 8, 13 ],
    [ 4, 9, 14 ]
]

The calculation of index is the important part. The rest is standard default assignment and pushing the actual element.

var data = Array.apply(Array, { length: 15 }).map(function (_, i) { return i; }),
    dataGroupedA = data.reduce(function (r, a, i) {
        var index = i / 3 | 0;
        r[index] = r[index] || [];
        r[index].push(a);
        return r;
    }, []),
    dataGroupedB = data.reduce(function (r, a, i) {
        var index = i % 5;
        r[index] = r[index] || [];
        r[index].push(a);
        return r;
    }, []);

document.write('<pre>' + JSON.stringify(data, 0, 4) + '</pre>');
document.write('<pre>' + JSON.stringify(dataGroupedA, 0, 4) + '</pre>');
document.write('<pre>' + JSON.stringify(dataGroupedB, 0, 4) + '</pre>');

Matt · Accepted Answer · 2015-09-17 11:03:01Z

0

Please use the following code:

var cIndex= 0;
var data=[];
var cars = ["Saab", "Volvo", "BMW", "a", "v", "c", "q"];
for(var i = 0; i <= 3; i++)
{
  cIndex = cIndex + 3;
  var row = cars.slice(cIndex -3,cIndex );
  data.push(row);
}
console.log(data);

edited Sep 17, 2015 at 11:03

Matt

75.4k26 gold badges156 silver badges181 bronze badges

answered Sep 16, 2015 at 9:41

ARUNRAJ

4896 silver badges16 bronze badges

Collectives™ on Stack Overflow

How to create multidimensional array for each row?

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related