How to handle a nested json array to show in a table?

Question

I have this JSON array. I am displaying data in a table. So, How should I put 'transactionData' inside the main object? i.e. I want the object as

{
completeTime: "value",
createTime: "value2",
assigneeName:"value3",
assigneeMap:"value4"
}

Since this is a JSON Array, so I need a way to iterate the array and make each of the objects as required.

I can't use the original JSON array since the object transactionData is not fixed and its keys might change. So, I don't want to hardcode any value like assigneeMap or assigneeName as it might change. Hence, I want whatever the values in transactionData object are there, I want to insert it into my main object.

why can't you use the original json array? please provide more relevant code — depperm
– depperm, Commented Jun 24, 2020 at 19:35
Does this answer your question? How can I access and process nested objects, arrays or JSON? — Kakul Sarma
– Kakul Sarma, Commented Jun 24, 2020 at 19:42

Kakul Sarma · Accepted Answer · 2020-06-24 19:43:53Z

1

use the array.map(), something like this

results.map(x=>{
{
completeTime: x.completeTime,
createTime: x.createTime,
assigneeName: x.assigneeName || x.assigneename,
assigneeMap:x.assigneeMap || x.assigneeMap || x.yourChangedKey,
}
})

answered Jun 24, 2020 at 19:43

Kakul Sarma

3031 gold badge4 silver badges22 bronze badges

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

Comments

Karan Singh · Accepted Answer · 2020-06-24 19:37:55Z

0

Use Array.prototype.map()

const result = arr.map(item => {
    const { completeTime, createTime, data: { transactionData } } = item;
    const { assigneeName, assigneeMap } = transactionData;
    return {
        completeTime,
        createTime,
        assigneeName,
        assigneeMap
    }
});

answered Jun 24, 2020 at 19:37

Karan Singh

3901 gold badge2 silver badges13 bronze badges

Collectives™ on Stack Overflow

How to handle a nested json array to show in a table?

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related