js怎么用函數來連接多個字符串

這篇文章主要講解了“js怎么用函數來連接多個字符串”，文中的講解內容簡單清晰，易于學習與理解，下面請大家跟著小編的思路慢慢深入，一起來研究和學習“js怎么用函數來連接多個字符串”吧！

在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數組中元素兩兩連接在一起，形成一個字符串并輸出。

感謝各位的閱讀，以上就是“js怎么用函數來連接多個字符串”的內容了，經過本文的學習后，相信大家對js怎么用函數來連接多個字符串這一問題有了更深刻的體會，具體使用情況還需要大家實踐驗證。這里是億速云，小編將為大家推送更多相關知識點的文章，歡迎關注！