映射数组中的属性并在 JavaScript es6 中连接字符串

Question

我有以下对象数组，例如一些作者，我想通过它们进行映射并返回一个与某些格式连接的字符串。出于某种原因，我对这个相当简单的事情有疑问。

const authors = [ { id: 1, name: 'Steven'}, {id: 2, name: 'Nick'}]
let names = authors.map( (a, i) => {
  return `${a.name} is cool`
})
console.log(names)
// ["Steven is cool","Nick is cool"]
// but I really want the string "Steven is cool Nick is cool"

我怎样才能让它映射并格式化为字符串？

例如"Steven is cool Nick is cool"

Answer 1

我更喜欢使用reduce

ES5 版本

autors.reduce(function (str, person) { 
  return (str+' '+person.name+ ' is cool');
}, ''); 

ES6 版本

autors.reduce((str, person) => `${str} ${person.name} is cool`, '');

Answer 2

这是另一个版本，所以你不必映射 --> 加入.. 你可以减少。

const authors = [ { id: 1, name: 'Steven'}, {id: 2, name: 'Nick'}]

console.log(authors.reduce( (p,c) => `${p} ${c.name} is cool `, ""))

Answer 3

使用Array#Join：

authors.map((a) => `${a.name} is cool`).join(' ');

DEMO

---

注意：join 与 ES6 无关，它是旧的。