在本教程中,您將了解 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
屬性返回字符串的長度。- 使用比較運算符 `>、>=、<、<=、== 來比較字符串。
-
字符串
+關注
關注
1文章
585瀏覽量
20577 -
javascript
+關注
關注
0文章
525瀏覽量
53909 -
變量
+關注
關注
0文章
613瀏覽量
28445 -
運算符
+關注
關注
0文章
172瀏覽量
11097
發布評論請先 登錄
相關推薦
評論