Failing to write map function inside forEach function?

Question

I am trying to forEach the values in json and push the desired values to the array by using the map function inside.

[
    {
        "detail": {
            "id": 89,
            "content": "123",
            "type": "one",
            "company": "minsu",
            "certificationNum": "minsu"
        },
        "ingredientList": [
            {
                "id": 161,
                "content": "32523523",
                "functionalList": [
                    {
                        "id": 129,
                        "valueUnit": "mg"
                    }
                ]
            },
            {
                "id": 162,
                "content": "162",
                "functionalList": [
                    {
                        "id": 130,
                        "valueUnit": "cm"
                    }
                ]
            }
        ]
    },
    {
        "detail": {
            "id": 91,
            "content": "332",
            "type": "two",
            "company": "sss",
            "certificationNum": "1123-522"
        },
        "ingredientList": [
            {
                "id": 164,
                "content": "hi",
                "functionalList": [
                    {
                        "id": 132,
                        "valueUnit": "kg"
                    },
                    {
                        "id": 133,
                        "valueUnit": "g"
                    }
                ]
            },
            {
                "id": 165,
                "content": "succes",
                "functionalList": [
                    {
                        "id": 134,
                        "valueUnit": "fie"
                    },
                    {
                        "id": 135,
                        "valueUnit": "fy"
                    }
                ]
            }
        ]
    }
]

It's a simple json,
I want to push the json data values to an array and put them as these values.



[
    {
        "content": "123",
        "type": "one",
        "certificationNum": "minsu",
        "functionalList": {
            {
                "id": 129,
                "valueUnit": "mg"
            },
            {
                "id": 130,
                "valueUnit": "cm"
            }
        }
    },
    {
        "content": "332",
        "type": "two",
        "certificationNum": "1123-522",
        "functionalList": {
            {
                "id": 132,
                "valueUnit": "kg"
            },
            {
                "id": 133,
                "valueUnit": "g"
            },
            {
                "id": 134,
                "valueUnit": "fie"
            },
            {
                "id": 135,
                "valueUnit": "fy"
            }
        }
    }
]

    let SeedDetailArray = new Array();


   SeedValue.forEach(function(id: any) {
                Object.keys(id).forEach(function(props) {
                    SeedDetailArray.push({
                      content: id[props]["content"],
                      type: id[props]["type"],
                      certificationNum: id[props]["certificationNum"],
                      functionalList: id[props]["functionalList"],
                    });
                });
            })

console.log(SeedValue);


[
    {
        "content": "123",
        "type": "one",
        "certificationNum": "minsu",
    
        
    },
    {
        "content": "332",
        "type": "two",
        "certificationNum": "1123-522",
       
        
    }
]

I put Seed Value json in Seed Detail Array with detail forEach statement, but I don't know how to put the value in functionList.

How do I create json like this?


[
    {
        "content": "123",
        "type": "one",
        "certificationNum": "minsu",
        "functionalList": {
            {
                "id": 129,
                "valueUnit": "mg"
            },
            {
                "id": 130,
                "valueUnit": "cm"
            }
        }
    },
    {
        "content": "332",
        "type": "two",
        "certificationNum": "1123-522",
        "functionalList": {
            {
                "id": 132,
                "valueUnit": "kg"
            },
            {
                "id": 133,
                "valueUnit": "g"
            },
            {
                "id": 134,
                "valueUnit": "fie"
            },
            {
                "id": 135,
                "valueUnit": "fy"
            }
        }
    }
]

zhj · Accepted Answer · 2022-04-06 02:23:33Z

1

you can use a tmp array to hold the functionalList

let SeedDetailArray = new Array();


SeedValue.forEach(function(id) {
    let tmp = []
    id.ingredientList.forEach(v1=>{
        v1.functionalList.forEach(v2=>{
            tmp.push(v2)
        })
    })
    Object.keys(id).forEach(function(props) {
        SeedDetailArray.push({
          content: id[props]["content"],
          type: id[props]["type"],
          certificationNum: id[props]["certificationNum"],
          functionalList: tmp,
        });
    });
})

answered Apr 6, 2022 at 2:23

zhj

5083 silver badges16 bronze badges

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

Comments

mc-user · Accepted Answer · 2022-04-06 16:46:04Z

SeedValue.forEach(function(id: any) {
                Object.keys(id).forEach(function(props) {
                    // YOUR CODE
                });
            })

You are iterating through keys and that'll return two keys for each object detail and ingredientList. So your code will produce an object with undefined content.

I have used a map with object destructure and used a temp array to get the functionalList.

let a = [
  {
    detail: {
      id: 89,
      content: "123",
      type: "one",
      company: "minsu",
      certificationNum: "minsu",
    },
    ingredientList: [
      {
        id: 161,
        content: "32523523",
        functionalList: [
          {
            id: 129,
            valueUnit: "mg",
          },
        ],
      },
      {
        id: 162,
        content: "162",
        functionalList: [
          {
            id: 130,
            valueUnit: "cm",
          },
        ],
      },
    ],
  },
  {
    detail: {
      id: 91,
      content: "332",
      type: "two",
      company: "sss",
      certificationNum: "1123-522",
    },
    ingredientList: [
      {
        id: 164,
        content: "hi",
        functionalList: [
          {
            id: 132,
            valueUnit: "kg",
          },
          {
            id: 133,
            valueUnit: "g",
          },
        ],
      },
      {
        id: 165,
        content: "succes",
        functionalList: [
          {
            id: 134,
            valueUnit: "fie",
          },
          {
            id: 135,
            valueUnit: "fy",
          },
        ],
      },
    ],
  },
];

console.log(a.map(({ detail: { content, type, certificationNum }, ingredientList }) => {
let functionalList = ingredientList.map(({ functionalList }) => functionalList).flat();
  return {
    content: content,
    type: type,
    certificationNum: certificationNum,
    functionalList,
  };
}));

Collectives™ on Stack Overflow

Failing to write map function inside forEach function?

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related