在 JavaScript 中用逗号分隔返回变量，并在 JSP 中显示它

Question

在javascript中通过此代码

 var cartname+=cartArray[i].name;// cartArray[i].name returns names like 
                                    Orange, Banana, Apple
 document.getElementById("cartname").value= cartname; // sending to home.jsp by id cartname

在家里.jsp

---

    <input type ="text" id="cartname"/> // got output like OrangeBananaApple 
                                            i.e. without commas

我试图通过以下代码用逗号分隔上面：

      cartname+=cartArray[i].name;
      var cartname2=[cartname];
    document.getElementById("cartname2").value= cartname2.join(","); 

还是没有结果。如何用逗号分隔输出，例如在家中跟随.jsp

       Orange, Banana, Apple

Answer 1

您可以使用训练空格添加cartArray[i].name。然后在设置输入的值trim字符串时使用 replcae 将空格替换为,

//' orange apple mango'; // string with white space before adding to value
let cartName6 =' '+cartArray[i].name;
console.log(cartName6.trim().replace(/ /g, ','))

Answer 2

使用 map ，

cartname=cartArray.map(e => e.name).join(",");

Answer 3

下面是将

数组转换为字符串并使用"，"连接它的简单示例。

<script>
 var fruits=["Apple","Banana","Orange"];
 document.write(fruits.join(','));
</script>

您可以将其应用于自己的代码，

document.getElementById("cartname").value= cartArray[i].name.join(','); 

=>输出：

苹果，香蕉，橙子。