在javascript中用逗号分隔返回变量,并在JSP中显示

时间:2019-06-08 05:47:02

标签: javascript jquery jsp

在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

在home.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(","); 

仍然没有结果。如何使用逗号分隔输出,例如home.jsp

       Orange, Banana, Apple

3 个答案:

答案 0 :(得分: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, ','))

答案 1 :(得分:0)

这是将数组转换为字符串并与“,”连接的简单示例。

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

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

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

=>输出:

  

苹果,香蕉,橙子。

答案 2 :(得分:0)

使用map

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