JS字符串拼接/連接(3種方式)

使用加號運算符

連接字符串最簡便的方法是使用加號運算符。

示例1

下面代碼使用加號運算符連接兩個字符串。

var s1 = "abc" , s2 = "def";

console.log(s1 + s2); //返回字符串“abcdef”

使用concat()方法

使用字符串 concat() 方法可以把多個參數添加到指定字符串的尾部。該方法的參數類型和個數沒有限制,它會把所有參數都轉換爲字符串,然後按順序連接到當前字符串的尾部最後返回連接後的字符串。

示例2

下面代碼使用 concat() 方法把多個字符串連接在一起。

var s1 = "abc";

var s2 = s1.concat("d" , "e" , "f"); //調用concat()連接字符串

console.log(s2); //返回字符串“abcdef”

concat() 方法不會修改原字符串的值,與數組的 concat() 方法操作相似。

使用join()方法

在特定的操作環境中,也可以藉助數組的 join() 方法來連接字符串,如 HTML 字符串輸出等。

示例3

下面代碼演示瞭如何藉助數組的方法來連接字符串。

var s = "JavaScript" , a = [];

for (var i = 0; i < 1000; i ++) {

a.push(s);

}

var str = a.join("");

a = null;

document.write(str);

在上面示例中,使用 for 語句把 1000 個 “JavaScript”字符串裝入數組,然後調用數組的 join() 方法把元素的值連接成一個長長的字符串。使用完畢應該立即清除數組,避免佔用系統資源。

在傳統瀏覽器中,使用數組的 join() 方法連接超大字符串時,速度會很快,是推薦的最佳方法。隨着現代瀏覽器優化了加號運算符的算法,使用加號運算符連接字符串速度也非常快,同時使用簡單。一般推薦使用加號運算符來連接字符串,而 concat() 和 join() 方法可以用在特定的代碼環境中。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章