Javascript - Convert object to array object

Question

Try to convert the following object (which was getting from an API response) to an array object.

const oldObj = {
    Georgia : {
        notes: "lorem ipsum",
        lat: "32.1656",
        long: "82.9001"
    },
    Alabama : {
        notes: "lorem ipsum",
        lat: "32.3182",
        long: "86.9023"
    }
}

My expected like bellow:

const desireArray = [
    {
        name: "Georgia",
        notes: "lorem ipsum",
        lat: "32.1656",
        long: "82.9001"
    },
    {
        name: "Alabama",
        notes: "lorem ipsum",
        lat: "32.3182",
        long: "86.9023"
    }
];

Try to do with forEach but, I think it's not the way, seemed returned me the error.

oldObj.forEach((el, i) => {
    console.log(el);
});

TypeError: oldObj.forEach is not a function

Any help?

hgb123 · Accepted Answer · 2020-10-19 10:48:47Z

12

forEach is method for array, meanwhile your oldObj is object

First you have to transform it to array, here we could do is transforming object to array of key-values pairs

And using with map could make code shorter

const oldObj = {
  Georgia: {
    notes: "lorem ipsum",
    lat: "32.1656",
    long: "82.9001",
  },
  Alabama: {
    notes: "lorem ipsum",
    lat: "32.3182",
    long: "86.9023",
  },
}

const res = Object.entries(oldObj).map(([name, obj]) => ({ name, ...obj }))

console.log(res)

References

Object.entries()

edited Oct 19, 2020 at 10:48

answered Oct 19, 2020 at 10:41

hgb123

14.9k3 gold badges24 silver badges43 bronze badges

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

1 Comment

Andreas Over a year ago

([name, obj]) => ... -> Destructuring assignment, ...obj -> Spread syntax

Kunal Mukherjee · Accepted Answer · 2020-10-19 10:56:30Z

1

Find the entries using Object.entries
Reduce by destructuring the current object by adding the key into the accumulator
Push into the result array

const oldObj = {
    Georgia : {
        notes: "lorem ipsum",
        lat: "32.1656",
        long: "82.9001"
    },
    Alabama : {
        notes: "lorem ipsum",
        lat: "32.3182",
        long: "86.9023"
    }
};

const result = Object.entries(oldObj).reduce((acc, curr) => {
    const [key, val] = curr;
    
    acc.push({
        name: key,
        ...val
    });
    return acc;
}, []);

console.log(result);

answered Oct 19, 2020 at 10:56

Kunal Mukherjee

5,8733 gold badges29 silver badges55 bronze badges

Comments

Saif Uddin · Accepted Answer · 2022-04-20 16:13:22Z

1

const oldObj = {
    Georgia : {
        notes: "lorem ipsum",
        lat: "32.1656",
        long: "82.9001"
    },
    Alabama : {
        notes: "lorem ipsum",
        lat: "32.3182",
        long: "86.9023"
    }
}

const desireArray = Object.keys(oldObj).map((key) => ({ name: key, ...oldObj[key] }));

Explain it

const keys = Object.keys(oldObj);
const desireArray = keys.map((key) => {
    return {
        name: key,
        notes: oldObj[key].notes,
        lat: oldObj[key].lat,
        long: oldObj[key].long
    }
});

edited Apr 20, 2022 at 16:13

answered Apr 20, 2022 at 16:03

Saif Uddin

1972 silver badges6 bronze badges

Comments

samo0ha · Accepted Answer · 2020-10-19 11:11:44Z

0

const oldObj = {
    Georgia : {
        notes: "lorem ipsum",
        lat: "32.1656",
        long: "82.9001"
    },
    Alabama : {
        notes: "lorem ipsum",
        lat: "32.3182",
        long: "86.9023"
    }
};

function convertObjToArr(obj) {
  let result = [];
  for(let key in obj) {
    result.push({name: key, ...obj[key]});
  }
  return result;
}

console.log(convertObjToArr(oldObj));

or try other simple solution

 return Object.keys(obj).map(item => ( {name: item, ...obj[item]} ));

edited Oct 19, 2020 at 11:11

answered Oct 19, 2020 at 11:01

samo0ha

3,8462 gold badges28 silver badges29 bronze badges

Collectives™ on Stack Overflow

Javascript - Convert object to array object

4 Answers 4

1 Comment

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

1 Comment

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related