js之数组对象遍历替换key

您所在的位置:网站首页 javascript遍历二维数组 js之数组对象遍历替换key

js之数组对象遍历替换key

2023-04-14 14:14| 来源: 网络整理| 查看: 265

js 数组对象遍历替换key let arrayObj = [ { id: 1, name: '孙悟空', sex: '男', age: 21 }, { id: 2, name: '唐僧', sex: '男', age: 20}, { id: 3, name: '猪八戒', sex: '男', age: 22 }, { id: 4, name: '沙僧', sex: '男', age: undefined }, { id: 5, name: '白骨精', sex: '女', age: 18 }, { id: 6, name: '铁扇公主', sex: '女', age: 19, fun: ()=>{} }, ]; // 方法一 // 缺点:会把 key 对应 value 类型为undefined和function类型的key值给过滤掉 let result = JSON.parse(JSON.stringify(arrayObj).replace(/sex/g, 'gender')); console.log(result); /** * [ { id: 1, name: '孙悟空', gender: '男', age: 21 }, { id: 2, name: '唐僧', gender: '男', age: 20 }, { id: 3, name: '猪八戒', gender: '男', age: 22 }, { id: 4, name: '沙僧', gender: '男' }, { id: 5, name: '白骨精', gender: '女', age: 18 }, { id: 6, name: '铁扇公主', gender: '女', age: 19 } ] */ 复制代码 // 方法二 let newArray = []; let newObj = null; arrayObj.map(item => { newObj = item; newObj['gender'] = item['sex']; delete item['sex']; newArray.push(newObj) }); console.log(newArray); /** * [ { id: 1, name: '孙悟空', age: 21, gender: '男' }, { id: 2, name: '唐僧', age: 20, gender: '男' }, { id: 3, name: '猪八戒', age: 22, gender: '男' }, { id: 4, name: '沙僧', age: undefined, gender: '男' }, { id: 5, name: '白骨精', age: 18, gender: '女' }, { id: 6, name: '铁扇公主', age: 19, fun: [Function: fun], gender: '女' } ] */ 复制代码 根据具体的需求采取对应的方法

参考链接:

www.jianshu.com/p/d73556d75… codeantenna.com/a/E0ItbLPJ2…


【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3