javascript - 有没有办法为对象的值创建 ab new key chnage key 并用自定义名称动态替换键？

Question

这 =>>>>> {1：“巴洛克”，2：“Glitch Pop”，3：“Nu Jazz”，4：“Drumfunk”，5：“Bitpop”，6：“拉丁流行”，7：“卡纳提克"}

到这个==>>>>

[{id：1 名称：“巴洛克”}，{id：2，名称：“Glitch Pop”}，{id：3 名称：“Nu Jazz”}，{id：4 名称：“Drumfunk”}，{id : 5 name:"Bitpop"}, {id: 6 name: "Latin Pop"}, {id: 7 name: "Carnatic"}]

Answer 1

   var obj = {1: "Baroque", 2: "Glitch Pop ", 3: "Nu Jazz", 4: "Drumfunk", 5: 
    "Bitpop", 6: "Latin Pop", 7: "Carnatic"}
    var result = Object.keys(obj).map((key) => [Number(key), obj[key]]);
    let output=[]
     result.forEach((element)=>{
        output.push({
            "id":element[0],
            "name":element[1]
        })
     })
     console.log('output',output);

您将获得所需格式的对象

Answer 2

您可以通过将键/值对解构到所需变量来映射对象的条目，并为新对象采用简写属性。

var data = { 1: "Baroque", 2: "Glitch Pop ", 3: "Nu Jazz", 4: "Drumfunk", 5: "Bitpop", 6: "Latin Pop", 7: "Carnatic" },
    result = Object.entries(data).map(([id, name]) => ({ id, name }));

console.log(result);

Answer 3

这可以通过以下函数式编程方式完成，只需一行语句！

 Object.keys(source).map(key => ({id: key, name : source[key]}))

查找以下代码段以快速查看结果

const source =  {1: "Baroque", 2: "Glitch Pop ", 3: "Nu Jazz", 4: "Drumfunk", 5: "Bitpop", 6: "Latin Pop", 7: "Carnatic"};
const result =  Object.keys(source).map(key => ({id: key, name : source[key]}))



console.log(result)