ES6将对象数组映射到数组

Question

有一系列对象

const data = [{
    "name": "08/20/2018",
    "id": "name_1"
}, {
    "name": "12/23/2018",
    "id": "name_2"
}]

我想映射这个对象数组以获得数组

["Date 1","08/20/2018","Date 2","12/23/2018"]

我正在尝试使用 .map()

data.map((d, i) => 
 `${'Date ' + i}`
  d.name
)];

但不能使用第一个（d）参数映射名称。

Answer 1

由于输入项和输出数组项不是一对一的，因此您将无法使用.map。使用reduce来代替：

const data = [{
    "name": "08/20/2018",
    "id": "name_1"
}, {
    "name": "12/23/2018",
    "id": "name_2"
}];

const output = data.reduce((a, { name }, i) => {
  a.push('Date ' + (i + 1), name);
  return a;
}, []);
console.log(output);

或.flatMap：

const data = [{
    "name": "08/20/2018",
    "id": "name_1"
}, {
    "name": "12/23/2018",
    "id": "name_2"
}];

const output = data.flatMap(({ name }, i) => (['Date ' + (i + 1), name]));
console.log(output);

（请注意，由于数组是零索引的，i + 1因此i如果要使输出数组中的第一项从1而不是0开始，则必须使用，而不是）