JavaScript字符串簡介和使用方法

在本教程中，您將了解 JavaScript 原始類型 string 以及如何使用它來定義字符串。

JavaScript 字符串簡介

JavaScript string 是原始值。 此外，字符串是不可變的。 這意味著如果你修改一個字符串，你總是會得到一個新的字符串。 原始字符串不會改變。

要創建字符串，您可以使用單引號 ' 或雙引號 "，如下所示：

let str = 'Hi'; 
let greeting = "Hello";

ES6 引入了模板字面量，允許您定義字符串反引號 ``` 字符：

let name = `John`';

模板文字允許您在字符串中使用單引號和雙引號而無需轉義它們。 例如：

let mesage = `"I'm good". She said";

此外，您可以將變量和表達式放在模板字面量中。 JavaScript 用值替換變量。 這稱為字符串插值。

let name = 'John'; 
let message = `Hi, I'm ${name}.`;
console.log(message);

Hi, I'm John.

在此示例中，JavaScript 將 name 變量的值插入模板字面量。

轉義特殊字符

要轉義特殊字符，您可以使用反斜杠 \\ 字符。 例如：

• Windows 換行符：

  '\\r\\n'

• Unix 換行符：

  '\\n'

• 標簽：

  '\\t'

• 反斜杠 '\\\\'

以下示例使用反斜杠字符轉義字符串中的單引號字符：

let str = 'I\\'m a string!';

獲取字符串的長度

length 屬性返回字符串的長度：

let str = "Good Morning!"; 
console.log(str.length);  // 13

JavaScript 具有 String 類型（字母 S 大寫），它是 string 原始類型的封裝類型。 因此，您可以從原始字符串訪問 String 類型的所有屬性和方法。

訪問字符

要訪問字符串中的字符，您可以使用類似數組的表示法的 [] ，它是基于零的索引。 以下示例返回索引為零的字符串的第一個字符：

let str = "Hello"; 
console.log(str[0]); // "H"

要訪問字符串的最后一個字符，可以使用索引 length - 1：

let str = "Hello"; 
console.log(str[str.length -1]); // "o"

+ 運算符連接字符串

要連接兩個或多個字符串，您可以使用 運算符 +：

let name = 'John'; 
let str = 'Hello ' + name;
console.log(str); // "Hello John"

如果你想一段一段地組裝一個字符串，你可以使用 += 運算符：

let className = 'btn';
className += ' btn-primary';
className += ' none';
console.log(className);

btn btn-primary none

將值轉換為字符串

要將非字符串值轉換為字符串，您可以使用以下方法之一：

• 字符串（n）;
• “ + n
• n.toString（）

請注意，toString()方法不適用于 undefined 和 null。 當您將字符串轉換為布爾值時，您無法將其轉換回來。 例如：

let status = false;
let str = status.toString(); // "false"
let back = Boolean(str); // true

在這個例子中：

• 首先，聲明 status 變量并用 false 的值初始化它。
• 其次，使用 toString() 方法將 status 變量轉換為字符串。
• 第三，使用 Boolean() 函數將字符串轉換回布爾值。
  Boolean() 函數將字符串轉換為布爾值 "false"。
  結果為 true，因為 "false" 是一個非空字符串。

請注意，只有傳遞空字符串 '' 給 Boolean() 函數才會返回 false。

比較字符串

要比較兩個字符串，您可以使用比較運算符，例如 >、>=、<、<= 和 == 運算符。

比較運算符根據字符的數值比較字符串。 它可能會返回與字典中使用的字符串順序不同的字符串順序。 例如：

let result = 'a' < 'b'; 
console.log(result); // true

然而：

let result = 'a' < 'B'; 
console.log(result); // false

結論

• JavaScript 字符串是原始值并且是不可變的。
• 字符串字面量串由單引號 ( ')、雙引號 ( ") 或反引號 (`) 創建。
• length 屬性返回字符串的長度。
• 使用比較運算符 `>、>=、<、<=、== 來比較字符串。