在先前的文章《js怎麼知道給定子字串是不是存在》中,我們介紹了透過取得子字串在字串的第一次或最後一次出現位置,進而判斷給定子串是否存在的方法。這次我們繼續JavaScript字串的學習,介紹一下拼接字串的多個方法。
在JavaScript字串中,一說到拼接字串,就會想到使用字串連接運算子“
”,使用它讓兩個或多個字串變數連接起來:
var str1 = "Hello"; var str2 = "World"; var splicing = str1+" "+str2; console.log("str1字符串为:"+str1); console.log("str2字符串为:"+str2); console.log("拼接之后的字符串为:"+splicing);
輸出結果:
#但除了字串連接運算子“
”,JavaScript還內建了兩個函數concat()或join(),也可以用來實現字串的拼接(在特定的程式碼環境中使用)。下面我們來了解:
1、使用concat()方法
concat()方法可以連接兩個或多個字串
var str1 = "Hello"; var str2 = str1.concat(" ","World"," ","!"); console.log("str1字符串为:"+str1); console.log("拼接之后的字符串为:"+str2);
分析:string.concat(str1,str2,...,strN)
函數可以把多個參數str1,str2,...,strN
加到指定字串string
的尾部,然後傳回連接後的字串。
看看輸出結果:
說明:concat()方法不會修改原始字串的值,因此string
本身並沒有被更改。
2、使用join()方法
join()方法其實是陣列方法,可以把陣列中的所有元素放入一個字串。
在特定的操作環境中,我們可以藉助該 join() 方法來連接字串,如 HTML 字串輸出等。
var arr=new Array(); arr=["www","php","cn"]; var str=arr.join(""); arr = null; document.write(str);
看看輸出結果:
在傳統瀏覽器中,使用陣列的 join() 方法連接超大字串時,速度會快速,是推薦的最佳方法。
var s = "JavaScript"; var arr=new Array(); for (var i = 0; i < 10; i ++) { arr.push(s); } var str=arr.join("-"); arr = null; document.write(str);
看看輸出結果:
可以看出,array.join(分隔符號)
函數可以使用指定分隔符號來將array數組中元素兩兩連接在一起,形成一個字串並輸出。
好了,就說到這裡了,有需要的可以看:javascript高階教學
#以上是JS字串學習之巧用函數來連接多個字串的詳細內容。更多資訊請關注PHP中文網其他相關文章!