js之数组对象遍历替换key

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: '女' }
]
 */

• 根据具体的需求采取对应的方法

参考链接：

• https://www.jianshu.com/p/d73556d75bff
• https://codeantenna.com/a/E0ItbLPJ2Z