从对象 javascript/typescript 数组更改属性名称

Question

我有以下对象数组，我们称之为“myArray”：

0: { name: "name1", key: "12weqw3123123"}
1: { name: "name2", key: "1231231rasd"}
2: { name: "name3", key: "sa43214dasd"}

我想要实现的是将属性命名表单名称切换为键，相反，所以最终结果是这样的：

0: { key: "name1", name: "12weqw3123123"}
1: { key: "name2", name: "1231231rasd"}
2: { key: "name3", name: "sa43214dasd"}

我试过了

  const { name } = myArray;
  const newResp = { key: name };

但它未定义，我也尝试过

const newArray = [...myArray].map((r: { name: any; key: any }) => {
    r.name = r.key;
    delete r.key;
  });

有什么建议吗？谢谢

Answer 1

你可以用forEach处理它：

myArray.forEach(item => {
    let tmp = item.key;
    item.key = item.name;
    item.name = tmp;
});

从技术上讲，它也可以与 map 一起使用，但一般来说，当您想要创建新数组而不是就地更新时，应该使用 map。

let newArray = myArray.map(item => {
    return {
        key: item.name,
        name: item.key,
    };
});

Answer 2

您可以使用array#map 交换name 和key。

const input = [{ name: "name1", key: "12weqw3123123"},{ name: "name2", key: "1231231rasd"}, { name: "name3", key: "sa43214dasd"}],
      result = input.map(({name, key}) => ({name: key, key: name}));
console.log(result);

.as-console-wrapper { max-height: 100% !important; top: 0; }