首頁 > web前端 > js教程 > 主體

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

青灯夜游
發布: 2021-08-19 13:36:43
原創
3409 人瀏覽過

在先前的文章《js怎麼知道給定子字串是不是存在》中,我們介紹了透過取得子字串在字串的第一次或最後一次出現位置,進而判斷給定子串是否存在的方法。這次我們繼續JavaScript字串的學習,介紹一下拼接字串的多個方法。

在JavaScript字串中,一說到拼接字串,就會想到使用字串連接運算子“ ”,使用它讓兩個或多個字串變數連接起來:

var str1 = "Hello";
var str2 = "World";
var splicing = str1+" "+str2;
console.log("str1字符串为:"+str1);
console.log("str2字符串为:"+str2);
console.log("拼接之后的字符串为:"+splicing);
登入後複製

輸出結果:

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

#但除了字串連接運算子“ ”,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的尾部,然後傳回連接後的字串。

看看輸出結果:

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

說明:concat()方法不會修改原始字串的值,因此string 本身並沒有被更改。

2、使用join()方法

join()方法其實是陣列方法,可以把陣列中的所有元素放入一個字串。

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

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

看看輸出結果:

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

在傳統瀏覽器中,使用陣列的 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);
登入後複製

看看輸出結果:

JS字串學習之巧用函數來連接多個字串可以看出,array.join(分隔符號)函數可以使用指定分隔符號來將array數組中元素兩兩連接在一起,形成一個字串並輸出。

好了,就說到這裡了,有需要的可以看:javascript高階教學

#

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

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板