Javascript - 将对象转换为数组对象

Question

尝试将以下对象（从 API 响应中获取）转换为数组对象。const oldObj = {    Georgia : {        notes: "lorem ipsum",        lat: "32.1656",        long: "82.9001"    },    Alabama : {        notes: "lorem ipsum",        lat: "32.3182",        long: "86.9023"    }}我的预期如下：const desireArray = [    {        name: "Georgia",        notes: "lorem ipsum",        lat: "32.1656",        long: "82.9001"    },    {        name: "Alabama",        notes: "lorem ipsum",        lat: "32.3182",        long: "86.9023"    }];尝试使用 forEach，但我认为这不是方法，似乎返回了错误。oldObj.forEach((el, i) => {    console.log(el);});类型错误：oldObj.forEach 不是函数有什么帮助吗？

Answer 1

forEach是数组的方法，同时你oldObj是对象

首先你必须将它转换为数组，这里我们可以做的是将对象转换为键值对数组

使用 withmap可以使代码更短

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)

Answer 2

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] }));

解释一下

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

    }

});

Answer 3

1. 使用查找条目Object.entries

2. destructuring通过将键添加到累加器来减少当前对象

3. 推入结果数组

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);

Answer 4

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));

或尝试其他简单的解决方案

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