请问vue如何替换数组对象的键名呢？

Question

比如我要把

[
    {'mingzi':'zhangsan','nianling':24},
    {'mingzi':'lisi','nianling':25}
]

,这样一个数组对象的键名替换，最后生成

[
    {'name':'zhangsan','age':24},
    {'name':'lisi','age':25}
]

应该如何做呢？

Answer 1

let data = [{
    'mingzi': 'zhangsan',
    'nianling': 24
  },
  {
    'mingzi': 'lisi',
    'nianling': 25
  }
]
let result = data.map(item => ({
  name: item.mingzi,
  age: item.nianling
}));
console.log(result);

Answer 2

let arr = [
    {'mingzi':'zhangsan','nianling':24},
    {'mingzi':'lisi','nianling':25}
];
let newArr = JSON.parse(JSON.stringify(arr).replace(/mingzi/g, "name").replace(/nianling/g, "age"));
console.log(newArr);

Answer 3

新建一个匹配对象

let matchObj = {
'mingzi': 'name',
'nianling: 'age'
}
let data = [{
    'mingzi': 'zhangsan',
    'nianling': 24
  },
  {
    'mingzi': 'lisi',
    'nianling': 25
  }
]
let result = data.map(item => ({
  [matchObj.mingzi]: item.mingzi,
  [matchObj.nianling]: item.nianling
}));
console.log(result);

Answer 4

跟上面的差不多

let matchObj = {
  'mingzi': 'name',
  'nianling': 'age'
}
let data = [{
    'mingzi': 'zhangsan',
    'nianling': 24
  },
  {
    'mingzi': 'lisi',
    'nianling': 25
  }
]
let result = data.map(item => {
    let data = {};
    Object.entries(item).forEach(([k, v]) => {
      data[matchObj[k] || k] = v;
    });
    return data;
});
console.log(result);