How do i transform an array of object into just one object?

Question

I have an array of objects that I need to transform into objects with key names which is {key}{index)

const input = [
    {
        data: 'Abc',
        quantity: '1'
    },
    {
        data: 'Def',
        quantity: '2'
    },
    // ...
]

Below is an example of the output where the index would be appended to the key name which results in data1, quantity1, data2, quantity2..

const output = { data1: 'Abc', quantity1: 1, data2: 'Def', quantity2: 2 }

albjerto · Accepted Answer · 2022-08-05 09:56:17Z

2

Use reduce:

const result = input.reduce((acc, item, index) => {
    let {data, quantity} = item;
    
    // (index + 1) because obviously the index is 0-based, and in
    // your example you started from 1
    acc["data" + (index + 1)] = data;
    acc["quantity" + (index + 1)] = quantity;

    return acc;
}, {});

answered Aug 5, 2022 at 9:56

albjerto

5714 silver badges16 bronze badges

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

Comments

licky · Accepted Answer · 2022-08-05 10:04:07Z

1

Try this:

const result = input.reduce((obj, item, index) => {
        Object.keys(item)
        .forEach(key=>{
            obj[key+(index+1)] = item[key]
        })
    return obj;
}, {});

answered Aug 5, 2022 at 10:04

licky

261 bronze badge

1 Comment

Community Over a year ago

Your answer could be improved with additional supporting information. Please edit to add further details, such as citations or documentation, so that others can confirm that your answer is correct. You can find more information on how to write good answers in the help center.

Collectives™ on Stack Overflow

How do i transform an array of object into just one object?

2 Answers 2

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related