js怎么用函數(shù)來連接多個字符串

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

在JavaScript字符串中，一說到拼接字符串，就會想到使用字符串連接運算符“+”，使用它讓兩個或多個字符串變量連接起來：

var str1 = "Hello";
var str2 = "World";
var splicing = str1+" "+str2;
console.log("str1字符串為："+str1);
console.log("str2字符串為："+str2);
console.log("拼接之后的字符串為："+splicing);

輸出結(jié)果：

但除了字符串連接運算符“+”，JavaScript還內(nèi)置了兩個函數(shù)concat()或者join()，也可以用來實現(xiàn)字符串的拼接（在特定的代碼環(huán)境中使用）。下面我們來了解一下：

1、使用concat()方法

concat()方法可以連接兩個或多個字符串

var str1 = "Hello";
var str2 = str1.concat(" ","World"," ","!");
console.log("str1字符串為："+str1); 
console.log("拼接之后的字符串為："+str2);

分析：string.concat(str1,str2,...,strN)函數(shù)可以把多個參數(shù)str1,str2,...,strN添加到指定字符串string的尾部，然后返回連接后的字符串。

看看輸出結(jié)果：

說明：concat()方法不會修改原字符串的值，因此 string 本身并沒有被更改。

2、使用join()方法

join()方法其實是一個數(shù)組方法，可以把數(shù)組中的所有元素放入一個字符串。

在特定的操作環(huán)境中，我們可以借助該 join() 方法來連接字符串，如 HTML 字符串輸出等。

var arr=new Array();
arr=["www","php","cn"];
var str=arr.join("");
arr = null;
document.write(str);

看看輸出結(jié)果：

在傳統(tǒng)瀏覽器中，使用數(shù)組的 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);

看看輸出結(jié)果：

可以看出，array.join(分隔符)函數(shù)可以使用指定分隔符來將array數(shù)組中元素兩兩連接在一起，形成一個字符串并輸出。

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