js如何修改對象的key值，value值不變？

對應的值不變，只是改key的名稱

原數據：

var array = [
    {
        id:1,
        name:"小明"
    },
    {
        id:2,
        name:"小紅"
    }
];

我要改為的數據：

var array = [
    {
        value:1,
        label:"小明"
    },
    {
        value:2,
        label:"小紅"
    }
];

上代碼：

// 原生js
var array = [
    {
        id:1,
        name:"小明"
    },
    {
        id:2,
        name:"小紅"
    }
];
//舊key到新key的映射
var keyMap = {
    "id" : "value",
    "name" : "label"
};

for(var i = 0;i < array.length;i++){
        var obj = array[i];
        for(var key in obj){
                   var newKey = keyMap[key];
                   if(newKey){
                            obj[newKey] = obj[key];
                            delete obj[key];
                     }
            }
}
console.log(array);  // 原數組


// ES6 寫法  
var result = array.map(o =>{
    return{
         value:o.id,
         label:o.name
    }
});
console.log(result);  // 返回新數組，對象中只含value和label兩個key

結果：

可以看到key值已經改變，值還是原來的值。成功！

 

原地址：https://segmentfault.com/q/1010000015794387