方法一:保留舊數(shù)組 key 和 value ;
var arr = [
{label: "張三", value: 1},
{label: "李四", value: "2"},
{label: "王五", value: "3"}
];
arr = arr.map(item => ({
...item,
new_key: item.value
}));
arr打印結(jié)果:[
{label: "張三", value: 1, new_key:1},
{label: "李四", value: 2, new_key:2},
{label: "王五", value: 3, new_key:3}
]
方法二:不保留舊數(shù)組 key 和 value ;
<1>說明:使用map循環(huán),在map循環(huán)內(nèi)創(chuàng)建一個(gè)新對(duì)象,將item要改變的key賦給新創(chuàng)建的對(duì)象里面新key值,然后push給一個(gè)新創(chuàng)建的數(shù)組newArr即可;文章來源:http://www.zghlxwxcb.cn/news/detail-570164.html
var newArr = []; //新數(shù)組
arr.map(item => {
let obj = {
name: item.name,
value: item.count,
}
newArr.push(obj);
});
<2>?使用forEach循環(huán) + for循環(huán),通過Object.keys()來改變屬性key;文章來源地址http://www.zghlxwxcb.cn/news/detail-570164.html
changeKey (arr, key) {
let newArr = []; // 創(chuàng)建一個(gè)新數(shù)組
arr.forEach((item, index) => {
let obj = {}; // 新數(shù)組里的新對(duì)象
for (var i = 0; i < key.length; i++) {
obj[key[i]] = item[Object.keys(item)[i]]; // 將key值替換掉
}
newArr.push(obj);
})
console.log(newArr,'newArr');
return newArr;
};
let newArr = this.changeKey(arr, ['name','value']);
到了這里,關(guān)于javascript設(shè)置數(shù)組對(duì)象中的key值方法的文章就介紹完了。如果您還想了解更多內(nèi)容,請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!