javascript - 在数组映射中转换某些属性名称的优雅方法

Question

假设...

let A = [{ x:'x', y:'y' }, { x:'x', y:'y' }];

我知道我可以将这个数组转换为一个新数组，并像这样重命名 y 属性...

A.map(o => ({ v: o.y }));
// [{ v:'y' }, { v:'y' }]

我可以使用跨页来获取所有现有属性以及一个新的、经过转换的属性，如下所示...

A.map(o => ({ ...o, ...{ v: o.y } }));
// [{ x:'x', y:'y', v:'y' }, { x:'x', y:'y', v:'y' }]

但我想知道是否有一种优雅的方法可以将 y 属性简单地重命名为 v。这就是我想要的。

// [{ x:'x', v:'y' }, { x:'x', v:'y' }]

我知道我可以在胖箭头函数上使用函数 block ，添加 v 属性，并删除 y 属性，但这很麻烦。我正在寻找优雅的东西。

Answer 1

您可以使用 Array.map() 和对象破坏:

let A = [{ x:'x', y:'y' }, { x:'x', y:'y' }];

let result = A.map(({y,...rest})=> ({...rest,v:y}));

console.log(result);