ES6重命名对象数组中的键

Question

我有一个样本数组。

const countries = [
    {"id": 1, "name": "Afghanistan"},
    {"id": 2, "name": "Albania"},
    {"id": 3, "name": "Algeria"},
    {"id": 4, "name": "American Samoa"}
];

我该如何在es6中将键从id和name更改为label和value？

const countries = [
    {"label": 1, "value": "Afghanistan"},
    {"label": 2, "value": "Albania"},
    {"label": 3, "value": "Algeria"},
    {"label": 4, "value": "American Samoa"}
];

- Chukwuemeka Ihedoro

Answer 1

使用.map将一个数组转换为另一个数组，并解构参数以减少语法噪音：

const countries = [
    {"id": 1, "name": "Afghanistan"},
    {"id": 2, "name": "Albania"},
    {"id": 3, "name": "Algeria"},
    {"id": 4, "name": "American Samoa"}
];
const transformed = countries.map(({ id, name }) => ({ label: id, value: name }));
console.log(transformed);

如果需要的话，您也可以将参数中的属性名转换为新的名称：

const countries = [
    {"id": 1, "name": "Afghanistan"},
    {"id": 2, "name": "Albania"},
    {"id": 3, "name": "Algeria"},
    {"id": 4, "name": "American Samoa"}
];
const transformed = countries.map(({ id: label, name: value }) => ({ label, value }));
console.log(transformed);

- CertainPerformance