的字符串连接_js如何连接字符串

朱雀 2023-01-07 07:26 151阅读 0赞

js连接字符串的方法有：使用字符串连接符运算“+”、使用concat()方法、使用join()方法。

web前端学习：打造全网web前端全栈资料库（总目录）看完学的更快，掌握的更加牢固，你值得拥有（持续更新）zhuanlan.zhihu.com

![Image 1][]

在JavaScript中，我们可以把两个或两个以上的字符串连接形成一个新字符串，本篇文章就给大家介绍js连接字符串的方法，让大家对字符串连接有一定的了解，希望对你们有所帮助。

![b0850b51340c7fe9b362c78e2e9f5c5d.png][]

**字符串连接运算符“+”**

“+”运算符可以用于添加字符串，让两个或多个字符串变量连接起来。

例：

<div class="demo ">
     <p>str1="What a very"</p>
     <p>str2="nice day"</p>
     <p id="str3"></p>
    </div>
     
    <script type="text/javascript">
    var str1="What a very";
    var str2="nice day";
    var str3= str1+" "+str2;
    document.getElementById("str3").innerHTML ="str3='"+str3+"'";
    </script>

效果图：

![1c0bb3b7525ce8f963aa82b6da8a7672.png][]

在上例中，就是通过“+”运算符把字符串str1、str2还有一个空字符串相连接，形成一个新的字符串str3。

**字符串的concat（）方法**

concat() 方法用于连接两个或多个字符串或数组，然后返回一个新的字符串或数组。

**语法：**

string1. concat([string2[, string3[, . . . [, stringN]]]])

string1：指定一个String 对象或字符串载体，可以把所有其他指定的字符串连接到这个载体后；必需项。

string2,. . ., stringN：concat（）方法里可选的参数（一个或以上），是追加连接到 string1载体末尾的字符串。

**注：**

1、指定string1载体不一样、concat（）方法里的参数不同，形成的新字符串也是不同的。

2、如果concat（）方法里有不是字符串的参数，则它们会先进行转换成字符串，在连接到 string1的末尾。

例：concat() 方法连接字符串

<div class="demo ">
     <p>str1="12q"</p>
     <p>str2="12w"</p>
     <p>str3="111"</p>
     <p id="str4"></p>
     <p id="str5"></p>
     <p id="str6"></p>
    </div>
     
    <script type="text/javascript">
    var str1='12q';
    var str2="12w";
    var str3="111";
     
    var str4=str1.concat(str2,str3);
    var str5=str2.concat(str1,str3);
    var str6=str3.concat(str1,str2);
     
    document.getElementById("str4").innerHTML ="str4=str1+str2+str3='"+str4+"'";
    document.getElementById("str5").innerHTML ="str5=str2+str1+str3='"+str5+"'";
    document.getElementById("str6").innerHTML ="str6=str3+str1+str2='"+str6+"'";
    </script>

**效果图：**

![6f958b90adbe23615cf8aef46db074bd.png][]

**数组的join()方法**

join() 方法用于把数组中的所有元素放入一个字符串里，数组里的元素会通过指定的分隔符进行分隔。

语法：

arrayObject.join(separator);

separator参数：用来指定需要使用的分隔符样式，可省略；如果省略，则使用逗号作为分隔符。

**例：join() 方法连接字符串**

<div class="demo ">
     <p>arr[0]="www"</p>
     <p>arr[1]=="php"</p>
     <p>arr[2]=="cn"</p>
     <p id="str1"></p>
     <p id="str2"></p>
     <p id="str3"></p>
     
    </div>
     
    <script type="text/javascript">
    var arr=new Array();
    arr=["www","php","cn"];
    var str1=arr.join(".");
    var str2=arr.join("-");
    var str3=arr.join(" ");
    document.getElementById("str1").innerHTML ="str1='"+str1+"'";
    document.getElementById("str2").innerHTML ="str2='"+str2+"'";
    document.getElementById("str3").innerHTML ="str3='"+str3+"'";
    </script>

**效果图：**

![a97bbdbb0fadc8cfae729f31c07a4148.png][]

总结：以上就是本篇文章的全部内容，希望能对大家的学习有所帮助。

以上就是js如何连接字符串的详细内容，更多请关注我！！！

[Image 1]: 
[b0850b51340c7fe9b362c78e2e9f5c5d.png]: /images/20221119/d0f9e9cdf49c47fdb09489f279553c01.png
[1c0bb3b7525ce8f963aa82b6da8a7672.png]: /images/20221119/096bbdc44c1d475a8c1409386efd7879.png
[6f958b90adbe23615cf8aef46db074bd.png]: https://img-blog.csdnimg.cn/img_convert/6f958b90adbe23615cf8aef46db074bd.png
[a97bbdbb0fadc8cfae729f31c07a4148.png]: https://img-blog.csdnimg.cn/img_convert/a97bbdbb0fadc8cfae729f31c07a4148.png