js字符串學習之巧用函數來連接多個字符串

在之前的文章《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高級教程