JS如何修改数组对象的Key和指定的值
js修改数组对象的Key和指定的值
1,修改数组对象的Key
/**/
var Arrydata = [{name:'Lily',age:18},{name:'BKqq',age:22}]
//旧key到新key的映射
var keyMap = {
// id: "value",
name: "label",
age: "value"
};
for (var i = 0; i < Arrydata.length; i++) {
var obj = Arrydata[i];
for (var key in obj) {
var newKey = keyMap[key];
if (newKey) {
obj[newKey] = obj[key];
delete obj[key];
}
}
}
console.log(Arrydata,'修改后数组对象---')
2,修改数组对象中指定的值
var stooges = [
{label:1,value:1,placeCode: 'sh', stock_code: 40},
{label:1,value:1,placeCode: 'sh', stock_code: 50},
{label:1,value:1,placeCode: 'sz', stock_code: 60,status:1},
{label:1,value:1,placeCode: 'sz', stock_code: 39,status:1}
];
for(var i=0;i<stooges.length;i++){
stooges[i].placeCode === 'sh'?stooges[i].placeCode = '沪': stooges[i].placeCode = '深'
}
console.log(stooges,'值修改后数组对象---')
js修改对象数组的key值
实例:将dataOld这个对象数组的对象中的属性key变成dataNew中的形式;
//原数据
dataOld: [{ count: '33', area: '122.2', districtId: 43000 }, { count: '44', area: '168.2', districtId: 43001 }]
//接口需要的数据
dataNew: [{ countAll: '33', countArea: '122.2', districtId: 43000 }, { count: '44', area: '168.2', districtId: 43001 }]
方法一:使用map循环,在map循环内创建一个新对象,将item要改变的key赋给新创建的对象里面新key值,然后push给一个新创建的数组dataNew即可;
let dataNew = []; //新数组
dataOld.map(item => {
let obj = {
countAll: item.count,
countArea: item.area,
districtId: item.districtId,
}
dataNew.push(obj);
});方法二:使用map循环 + replace替换,通过循环然后将子类JSON.stringify后采用replace来改变属性key;
let dataNew = []; //新数组
dataOld.map(item => {
let _item = JSON.parse(JSON.stringify(item).replace('count', 'countAll').replace('area', 'countArea'));
dataNew.push(_item)
});
方法三:使用forEach循环 + for循环,通过Object.keys()来改变属性key;
convertKey (arr, key) {
let dataNew = []; //新数组
this.dataOld.forEach((item, index) => {
let obj = {}; //新数组里的新对象
for (var i = 0; i < key.length; i++) {
obj[key[i]] = item[Object.keys(item)[i]]; //key值替换
}
dataNew.push(obj);
})
console.log(dataNew,'dataNew');
return dataNew;
},
// 改变后的key
let dataNew = this.convertKey(this.dataOld, ['countAll', 'countArea', 'districtId']);结果:

到此这篇关于js修改数组对象的Key和指定的值的文章就介绍到这了,更多相关js修改数组对象内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!
相关文章
微信小程序如何优雅地跳转外部链接详解(WebView+复制方案实战)
在微信小程序开发过程中,实现跳转外链接功能可拓展小程序应用场景,下面这篇文章主要介绍了微信小程序如何优雅地跳转外部链接的相关资料,文中通过代码介绍的非常详细,需要的朋友可以参考下2025-11-11
js之input[type=file]选择重复的文件,无法触发change事件问题
这篇文章主要介绍了js之input[type=file]选择重复的文件,无法触发change事件问题,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教2023-05-05


最新评论