js連接字符串的方法

這篇文章主要介紹了js連接字符串的方法，具有一定借鑒價(jià)值，需要的朋友可以參考下。希望大家閱讀完這篇文章后大有收獲。下面讓小編帶著大家一起了解一下。

  js連接字符串的方法有：使用字符串連接符運(yùn)算“+”、使用concat()方法、使用join()方法。

在JavaScript中，我們可以把兩個(gè)或兩個(gè)以上的字符串連接形成一個(gè)新字符串。

字符串連接運(yùn)算符“+”

“+”運(yùn)算符可以用于添加字符串，讓兩個(gè)或多個(gè)字符串變量連接起來。

例：

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

效果圖：

在上例中，就是通過“+”運(yùn)算符把字符串str1、str2還有一個(gè)空字符串相連接，形成一個(gè)新的字符串str3。

字符串的concat（）方法

concat() 方法用于連接兩個(gè)或多個(gè)字符串或數(shù)組，然后返回一個(gè)新的字符串或數(shù)組。

語法：

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

string1：指定一個(gè)String 對(duì)象或字符串載體，可以把所有其他指定的字符串連接到這個(gè)載體后；必需項(xiàng)。

string2,. . ., stringN：concat（）方法里可選的參數(shù)（一個(gè)或以上），是追加連接到 string1載體末尾的字符串。

注：

1、指定string1載體不一樣、concat（）方法里的參數(shù)不同，形成的新字符串也是不同的。

2、如果concat（）方法里有不是字符串的參數(shù)，則它們會(huì)先進(jìn)行轉(zhuǎn)換成字符串，在連接到 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>

效果圖：

數(shù)組的join()方法

join() 方法用于把數(shù)組中的所有元素放入一個(gè)字符串里，數(shù)組里的元素會(huì)通過指定的分隔符進(jìn)行分隔。

語法：

arrayObject.join(separator);

separator參數(shù)：用來指定需要使用的分隔符樣式，可省略；如果省略，則使用逗號(hào)作為分隔符。

例：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>

效果圖：

感謝你能夠認(rèn)真閱讀完這篇文章，希望小編分享js連接字符串的方法內(nèi)容對(duì)大家有幫助，同時(shí)也希望大家多多支持億速云，關(guān)注億速云行業(yè)資訊頻道，遇到問題就找億速云，詳細(xì)的解決方法等著你來學(xué)習(xí)!