Java script loop through array of objects

Question

I have java script array of objects read from html table like below depId represent the row number, branchId represent column number and val it linked with check box (vue js v-model) 3*3 table data:

 permissions=   [
    [{depId:1,branchId:1,val:true},{depId:1,branchId:2,val:true},{depId:1,branchId:3}],
    [{depId:2,branchId:1},{depId:2,branchId:2},{depId:2,branchId:3}],
    [{depId:3,branchId:1},{depId:3,branchId:2},{depId:3,branchId:3,val:true}]
    ]

I need to send this data to axios API, but the data should be in below format

data[0][branches][0]=1
data[0][branches][1]=2
data[0][department]=1  

data[1][branches][0]=3
data[1][department]=3

I tried something like this but it have problems (the data sent in wrong indexes)

let data={};
   permissions.forEach((row, i) => {
      row.forEach((col, j) => {
        if (col["val"] === true) {
          data[`data[${i}][branches][${j}]`] = col.branchId;
          data[`data[${i}][department]`] = col.deptId;
        }
      });
    });
        console.log(data);

how the loop should be to send the data in correct way?

the current result is

"data[0][branches][0]": 1,
  "data[0][department]": 1,
  "data[0][branches][1]": 2,
  "data[2][branches][2]": 3,
  "data[2][department]": 3

Yeah, first problem: your indexes are going from 1 to 3 instead of 0 to 2. — Janos Vinceller
– Janos Vinceller, Commented Oct 19, 2020 at 5:49
Is your re-referencing data construct "data[data[${i}][branches][${j}]]" really the way you want to do the job? I don't even want to understand that one... it's bad readability for sure. — Janos Vinceller
– Janos Vinceller, Commented Oct 19, 2020 at 5:51

IvanD · Accepted Answer · 2020-10-19 06:42:59Z

1

You forgot a couple of commas in your permissions object. The next problem is that you were trying to check for departmentId in permissions, but it's actually depId there. The next thing is that you do not need to define and track i and j, they are conveniently provided to you in a forEach function as the second argument that is passed to the running function.

Here is a working version of what you were trying to achieve:

permissions = [
  [{
    depId: 1,
    branchId: 1,
    val: true
  }, {
    depId: 1,
    branchId: 2,
    val: true
  }, {
    depId: 1,
    branchId: 3
  }],
  [{
    depId: 2,
    branchId: 1
  }, {
    depId: 2,
    branchId: 2
  }, {
    depId: 2,
    branchId: 3
  }],
  [{
    depId: 3,
    branchId: 1
  }, {
    depId: 3,
    branchId: 2
  }, {
    depId: 3,
    branchId: 3,
    val: true
  }]
]

let data = {};
let j = 0;

permissions.forEach((row) => {
  let i = 0;
  let departmentSeen = false;

  row.forEach((col) => {
    if (col["val"] === true) {
      data[`data[${j}][branches][${i}]`] = col.branchId;
      data[`data[${j}][department]`] = col.depId;
      i++;
      departmentSeen = true;
    }
  });

  if (departmentSeen) {
    j++;
  }
});

console.log(data);

edited Oct 19, 2020 at 6:42

answered Oct 19, 2020 at 6:00

IvanD

2,98320 silver badges33 bronze badges

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

6 Comments

Alaa Over a year ago

the data in this case should be "data[0][branches][0]": 1, "data[0][department]": 1, "data[0][branches][1]": 2, "data[1][branches][0]": 3, "data[1][department]": 3

Alaa Over a year ago

the data index should be sequence

IvanD Over a year ago

I am not sure what you mean by 'the data index should be sequence', can you elaborate?

Alaa Over a year ago

like this (from the example result) "data[1][branches][0]": 3, instead of "data[2][branches][2]": 3, @IvanD

IvanD Over a year ago

I edited the solution. Please note that output will have the different order of elements, but the elements are the same. Is it what you were trying to achieve?

|

Collectives™ on Stack Overflow

Java script loop through array of objects

1 Answer 1

6 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

6 Comments

Your Answer

Sign up or log in

Post as a guest

Related