How can I make an array instead of nested arrays in Javascript from myArray?

Question

I need to split riskTypeNo from each object and then assign selectedValue to each value and then create an array with all the objects. With my code I am getting nested arrays

    const myArray = [
  {
    "fieldID": 1681977,
    "riskTypeNo": "A1;M1",
    "selectedValue": "4"
  },
  {
    "fieldID": 1681984,
    "riskTypeNo": "C6;M1",
    "selectedValue": "1"
  },
  {
    "fieldID": 1682084,
    "riskTypeNo": "A13;C6;M1;D5",
    "selectedValue": "3"
  }
];


console.log(
    myArray.map(item1 => {
    const riskTypeNo =  item1.riskTypeNo.split(";").map(item2 => ({ "riskTypeNo": item2,  "selectedValue": item1.selectedValue }));
    return riskTypeNo;   
  })
);

Desired Result is:

[ 
{ riskTypeNo: "A1", selectedValue: "4" }, { riskTypeNo: "M1", selectedValue: "4" }], [{ riskTypeNo: "C6", selectedValue: "1" }, { riskTypeNo: "M1", selectedValue: "1" }], [{ riskTypeNo: "A13", selectedValue: "3" }, { riskTypeNo: "C6", selectedValue: "3" }, { riskTypeNo: "M1", selectedValue: "3" }, { riskTypeNo: "D5", selectedValue: "3" } 
}]

You are already getting your desired result (which is an array of arrays). Or do you have a typo in "Desired Result is […]" ? — Guillaume Brunerie
– Guillaume Brunerie, Commented May 12, 2022 at 17:27
With my code I am getting nested arrays instead of 1 array with objects. — Karim Ali
– Karim Ali, Commented May 12, 2022 at 17:28

Pedro Feltrin · Accepted Answer · 2022-05-12 17:30:55Z

2

You can return the split array from inside the map method. But that will get you an array of arrays. To flatten those arrays just use the array method flat.

This should work:

const result = myArray.map(el => {
    const riskTypes = el.riskTypeNo.split(";").map(riskTypeNo => ({
        riskTypeNo,
        selectedValue: el.selectedValue,
    }))
    return riskTypes;                                           
}).flat();

answered May 12, 2022 at 17:30

Pedro Feltrin

4482 silver badges8 bronze badges

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

1 Comment

001 Over a year ago

I like this better than mine. +1.

AHMED AGHADI · Accepted Answer · 2022-05-12 17:35:31Z

1

you can use this method instead :

const newArray = [];
myArray.forEach((item1) => {
  item1.riskTypeNo.split(";").forEach((item2) => {
    newArray.push({ riskTypeNo: item2, selectedValue: item1.selectedValue });
  });
});

result will be in newArray.

answered May 12, 2022 at 17:35

AHMED AGHADI

613 bronze badges

Comments

001 · Accepted Answer · 2022-05-12 17:35:20Z

1

Here's one way:

const myArray = [
  {
    "fieldID": 1681977,
    "riskTypeNo": "A1;M1",
    "selectedValue": "4"
  },
  {
    "fieldID": 1681984,
    "riskTypeNo": "C6;M1",
    "selectedValue": "1"
  },
  {
    "fieldID": 1682084,
    "riskTypeNo": "A13;C6;M1;D5",
    "selectedValue": "3"
  }
];

const result = myArray.reduce((prev,cur) => {
    let obj = [];
    cur.riskTypeNo.split(';').forEach((n) => {
        obj.push({riskTypeNo: n, selectedValue: cur.selectedValue});
    });
    prev.push(...obj);
    return prev;
}, []);

console.log(result);

edited May 12, 2022 at 17:35

answered May 12, 2022 at 17:29

001

13.6k5 gold badges38 silver badges72 bronze badges

2 Comments

Karim Ali Over a year ago

I don't want arrays within arrays.

001 Over a year ago

Ok. The OP looks like arrays. Updated for one array.

Collectives™ on Stack Overflow

How can I make an array instead of nested arrays in Javascript from myArray?

3 Answers 3

1 Comment

Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related