js如何連接字串

js連接字串的方法：1、使用字串連接符運算「 」連接字串；2、使用字串的concat()方法連接字串；3、使用陣列的join()方法連接字串。

本文操作環境：Windows7系統、Dell G3電腦、javascript1.8.5版。

js連接字串的方法有：使用字串連接符運算「 」、使用concat()方法、使用join()方法。

在JavaScript中，我們可以把兩個或兩個以上的字串連接形成一個新字串，這篇文章就給大家介紹js連接字串的方法，讓大家對字串連接有一定的了解，希望對你們有幫助。

字串連接運算子「 」

「 」運算子可以用來新增字串，讓兩個或多個字串變數連接起來。

範例：

<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=&#39;"+str3+"&#39;";
</script>

效果圖：

#在上例中，就是透過「 」運算子把字串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=&#39;12q&#39;;
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=&#39;"+str4+"&#39;";
document.getElementById("str5").innerHTML ="str5=str2+str1+str3=&#39;"+str5+"&#39;";
document.getElementById("str6").innerHTML ="str6=str3+str1+str2=&#39;"+str6+"&#39;";
</script>

效果圖：

陣列的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=&#39;"+str1+"&#39;";
document.getElementById("str2").innerHTML ="str2=&#39;"+str2+"&#39;";
document.getElementById("str3").innerHTML ="str3=&#39;"+str3+"&#39;";
</script>

效果圖：

總結：以上就是這篇文章的全部內容，希望對大家的學習有所幫助。

【相關影片教學推薦：JavaScript教學】

以上是js如何連接字串的詳細內容。更多資訊請關注PHP中文網其他相關文章！