javascript - 如何使用join方法在数组中的名称之间添加逗号-Javascript

Question

这可能是一个 super 愚蠢的问题，但需要帮助。如何加入下面的用户名并用 "," 分隔？

代码:

var users = ["fer", "jyujyu", "jhwevhfwfv"]

    <div>
      {users.map(function(user){
                  return <span key={user}className="user">{user}</span>
                })}
              </div>

我在哪里可以应用此处的连接在名称之间添加逗号:预期的输出:

fer, jyujyu, jhwevhfwfv

Answer 1

这是使用reduce 的简单方法:

var users = ["fer", "jyujyu", "jhwevhfwfv"]
<div>
  {
    users
      .map(function(user){
              return <span key={user} className="user">{user}</span>
            })
      .reduce(function(prev, next){
        if(Array.isArray(prev))
          return prev.concat(<span>, </span>).concat(next)
        else return [prev, (<span>, </span>), next]
    })
  }
</div>;

Here is a codepen example