在 JavaScript 中，使用字符串連接有 幾 種方式：連接符（+）、反引號（`）、join()、concat()。

一、使用連接符 “+” 把要連接的字符串連起來

let a = 'java'
let b = a + 'script'
 
//運行結果：javascript

說明：只連接100個以下的字符串建議用這種方法，最方便

二、使用模板字符串，以反引號（ ` ）標識

ES6中新增的字符串方法，可以配合反單引號完成拼接字符串的功能

反單引號怎么打出來：將輸入法調整為英文輸入法，單擊鍵盤上數字鍵1左邊的按鍵。 

用法：

1： 定義需要拼接進去的字符串變量

2： 將字符串變量用${}包起來，再寫到需要拼接的地方

注意：反單引號：` ；單引號：' 。不要用錯了喲~

實例： 

let a = 'java'
let b = `hello ${a}script`
 
//運行結果：hello javascript

三、使用數組的 join() 方法連接字符串

定義和用法：

join() 方法將數組作為字符串返回。 

元素將由指定的分隔符分隔。默認分隔符是逗號 (,)。

注釋：join() 方法不會改變原始數組。

 語法：

array.join(separator)

參數： 

返回值： 

實例：

let arr = ['hello','java','script']
let str = arr.join(" ")
 
//運行結果：hello java script

四、使用 JavaScript的 concat() 方法連接字符串

 定義和用法：

concat() 方法用于連接兩個或多個字符串。

該方法沒有改變原有字符串，但是會返回連接兩個或多個字符串新字符串。

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

語法：

string.concat(string1, string2, ..., stringX)

參數： 

返回值： 

實例：

let a = 'java'
let b = 'script'
 
let str = a.concat(b)
 
//運行結果：javascript

補充：js字符串的拼接及轉換

字符串的轉換

toString()

數值、布爾值、對象和字符串值都有toString()方法，但是null和undefined值沒有這個方法

let num = 1;
let str = num.toString();
console.log(typeof (str)); //  string類型

利用函數String(變量)實現

在不知道變量是否為 null 或者 undefined 是可以使用 String() 函數來轉換為字符串類型

String()`函數可以將任何類型的數值轉換為字符串，意味著如果值為 `null` 那么轉換之后的結果為 `null`，如果值為 `undefined` 那么轉換之后的結果為 `undefined
let num = 1
let str=String(num)
console.log(typeof (str)); //  string類型

利用 + 拼接字符串的方法

利用 +實現轉換 (也稱之為隱式轉換)

let num = 1
let str = num + 'num1' + 'num2'
console.log(typeof (str)); // string類型

字符串的拼接

使用 + 運算符

let s1 = "karim's"
let s2 = 'js'
console.log(s1 + s2) // javascript

使用 concat 方法

將所有參數都轉換為字符串，按順序連接當前字符串尾部返回連接后的字符串

let s1 = "java"
let s2 = 'script'
console.log(s1.concat(s2)) // javascript

利用模板字符串進行拼接

ES6中新增的字符串方法，可以配合反單引號完成拼接字符串的功能，將字符串使用${}包裹進行拼接操作

let s1 = "java"
let s2 = `${s1}script`
console.log(s2) // javascript

利用 join() 方法連接字符串

join()` 方法將數組作為字符串返回，元素由指定分隔符進行分隔，默認分隔符是 `(,)

注意：join() 方法不會改變原始數組

let arr=["hello","java","script"]
let str=arr.join('')
console.log(str) // hellojavascript

到此這篇關于JS字符串拼接的幾種方式的文章就介紹到這了,更多相關js字符串拼接內容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關文章希望大家以后多多支持腳本之家！

最新評論