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

这可能是一个超级愚蠢的问题，但在这方面需要帮助。 我如何将下面的用户名连接起来并用“

”和“

”分隔

代码：

let numbers=[1,2,3]。连接（“，”）。拆分（“”）；
const listItems=numbers.map（number=>(
{number}
));
console.log（列表项）；
返回{listItems}；

我已经更新了答案。由于join将数组转换为字符串，所以我们无法在react组件中直接渲染。我已转换为数组以避免此问题。请参见以下工作示例：

---

这里有一个简单的方法来处理

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>;

var用户=[“fer”、“jyujyu”、“jhwevhffv”]
{
使用者
.map（函数（用户）{
返回{user}
})
.减少（功能（上一个，下一个）{
if（数组isArray（上一个））
返回上一个concat（，）.concat（下一个）
否则返回[上一页，（，），下一页]
})
}
;

---

我会尝试这样做（基于之前的答案）：

var用户=[“fer”、“jyujyu”、“jhwevhffv”]；
var pannedusers=users.map（（user）=>{user}）；
{扳手.连接（“，”}

如果只想显示数组中的所有项目，则无需映射

var用户=[“fer”、“jyujyu”、“jhwevhffv”]

使用，您应该能够显示范围中的所有项目

users.join（“，”）

将为您提供预期的输出，这将使用您指定的内容连接数组的所有项，并返回一个字符串

把所有的东西放在一起

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

<div>
  {
    <span className="user">{users.join(', ')}</span>
  }
</div>

var用户=[“fer”、“jyujyu”、“jhwevhffv”]
{
{users.join（'，'）}
}

---

这里是这个工作的沙箱的链接

{user}，

将工作，但在最后一个之后添加额外的

，

。所以你只需要用if-else或last来处理这个问题，这看起来很不可靠。为什么不

users.map（函数（用户）{return`${user}}）.join（“，”）

您可以这样做。但是请记住，逗号没有元素标记。我假设您的代码是React-返回值真的会那样工作吗？如果没有React，您的JS in not valid就是我想说的。@mplungjan:是的，我可以返回用户名并列出它们，但是只有空格，没有逗号，我想在中间插入逗号他想在span中换行，包括span换行。应该是${user}吗？这会生成

元素还是生成字符串

“”

？

let numbers = [1, 2, 3].join(",").split("");

const listItems = numbers.map(number => (
    <span key={number.toString()}>{number}</span>
));
console.log(listItems);
return <div>{listItems}</div>;

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>;

var users = ["fer", "jyujyu", "jhwevhfwfv"];
var spannedUsers = users.map((user) => <span key={user} className="user">{user}</span>);
<div>
    {spannedUsers.join(", ")}
</div>

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

<div>
  {
    <span className="user">{users.join(', ')}</span>
  }
</div>