从对象数组中返回由 comm 分隔的元素 [重复]

Question

你好，我有一个这样的数组

const persons = [{name: 'John'}, {name: 'Rick'}, {name: 'Amy'}]

我想用逗号隔开，并在最后一个元素前加上“and”

John, Rick and Amy

我可以的

persons.map(person => <span>{person.name}, </span>)

但这会产生

John, Rick, Amy, 

有没有一种更有效（花哨）的方法来代替迭代数组并在除最后一个元素之外的所有元素之前添加“，”？

Answer 1

让我们尝试简单检查元素索引后的条件：

const persons = [{name: 'John'}, {name: 'Rick'}, {name: 'Amy'}]
const formmatted = persons.map((p,i) => (p.name + (i === persons.length - 2 ? ' and ' : (i !== persons.length - 1 ? ', ' : '')))).join("");
console.log(formmatted);