Loop through array with arrays using Javascript

Question

I have a var which contains an array with multiple arrays. I am trying to get the values of each cell to print them into an HTML table.

I want to use a foreach but since I have no idea how to do it, even though I've seen examples on the internet, I tried to do this using a for loop but cannot make it work.

Is there an easier way to do this?

This is the code I have:

var DetalleFactura = response[0]['DetalleFactura']; //var with the array I'd like to print

for (let i = 0; i < DetalleFactura.length; i++) {
    var value = parent[i];
    for (let j = 0; j < parent[i].length; j++) {
        /*print values here*/
    }
}

Please the post example array

Maheer Ali
– Maheer Ali

2019-03-11 17:58:18 +00:00
Commented Mar 11, 2019 at 17:58 — Maheer Ali
– Maheer Ali, Commented Mar 11, 2019 at 17:58

chairmanmow · Accepted Answer · 2019-03-11 18:07:52Z

1

Per your question here's how you can print the values like you indicated using forEach.

DetalleFactura.forEach((subArr)=>{
subArr.forEach(val => {
console.log(val);
   })
});

You can also just use array.flat() to get the results you want.

const flatArr = DetalleFactura.flat();

Array.prototype.flat documentation

answered Mar 11, 2019 at 18:07

chairmanmow

6507 silver badges20 bronze badges

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

4 Comments

Errol Chaves Moya Over a year ago

what if I want to get the data based on the row instead of cell? Supposing each array within the parent array is a row from database

moronator Over a year ago

@ErrolChavesMoya can you explain your use case a little bit more, I think there is some confusion here on what you want to achieve

Errol Chaves Moya Over a year ago

@chairmanmow thanks, it woked. But I had to modify your answer to do what I wanted

Errol Chaves Moya Over a year ago

@moronator nevermind I solved it already Thanks for your help. I just had to remove the second forEach of this answer to make it work like this: link

moronator · Accepted Answer · 2019-03-11 18:30:45Z

1

Since you didn't provide an example array, it's hard to help with your specific problem but assuming you have a n-dimensional array it could look something like this:

var DetalleFactura=[0, [1, 2, 3], [4, 5, [6, 7, 8]]]

function printArray(arr){
  for(var item of arr){
    if(typeof(item) == 'object') printArray(item)
    else console.log(item)
  }
}
printArray(DetalleFactura)

If you want to learn more about for-loops like this you may read this mozilla article

edited Mar 11, 2019 at 18:30

answered Mar 11, 2019 at 18:08

moronator

3035 silver badges13 bronze badges

4 Comments

Errol Chaves Moya Over a year ago

It is not two-dimensional it can be whatever dimension the user want.

moronator Over a year ago

Then you should take a look at recursion

moronator Over a year ago

Edited to print a n-dimensional array now

Errol Chaves Moya Over a year ago

what if I want to get the data based on the row instead of cell? Supposing each array within the parent array is a row from database

Collectives™ on Stack Overflow

Loop through array with arrays using Javascript

2 Answers 2

4 Comments

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

4 Comments

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related