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高階教學

#

以上是JS字串學習之巧用函數來連接多個字串的詳細內容。更多資訊請關注PHP中文網其他相關文章！