文章目录
在本教程中，您将借助示例了解 JavaScript 字符串。
JavaScript 字符串是一种用于处理文本的原始数据类型。例如，
const name = 'John';
创建 JavaScript 字符串
在 JavaScript 中，字符串是用引号括起来的。有三种方法使用引号。
- 单引号： ‘Hello’
- 双引号： “Hello”
- 反引号： `Hello`
例如，
//strings example
const name = 'Peter';
const name1 = "Jack";
const result = `The names are ${name} and ${name1}`;
单引号和双引号实际上是相同的，您可以使用它们中的任何一个。
当需要将变量或表达式包含到字符串中时，通常使用反引号。这是通过使用 $ { variable 或 expression } 包装变量或表达式来实现的，如上所示。
您也可以在一个引号中写另一个引号。例如，
const name = 'My name is "Peter".';
但是，引号不应与周围的引号一致。例如，
const name = 'My name is 'Peter'.'; // error
访问字符串字符
您可以通过两种方式访问字符串中的字符。
- 一种方式是将字符串视为数组。例如，
const a = 'hello';
console.log(a[1]); // "e"
- 另一种方法是使用方法 charAt()。例如，
const a = 'hello';
console.log(a.charAt(1)); // "e"
JavaScript 字符串是不可变的
在 JavaScript 中，字符串是不可变的。这意味着字符串的字符不能更改。例如，
let a = 'hello';
a[0] = 'H';
console.log(a); // "hello"
但是，可以将变量名分配给新字符串。例如，
let a = 'hello';
a = 'Hello';
console.log(a); // "Hello"
JavaScript 区分大小写
JavaScript 区分大小写。这意味着在 JavaScript 中，小写和大写字母被视为不同的值。例如，
const a = 'a';
const b = 'A'
console.log(a === b); // false
在 JavaScript 中，a 和 A 被视为不同的值。
JavaScript 多行字符串
要使用多行字符串，可以使用 + 运算符或 \ 运算符。例如，
// using the + operator
const message1 = 'This is a long message ' +
'that spans across multiple lines' +
'in the code.'
// using the \ operator
const message2 = 'This is a long message \
that spans across multiple lines \
in the code.'
JavaScript 字符串长度
要查找字符串的长度，可以使用内置的 length 属性。例如，
const a = 'hello';
console.log(a.length); // 5
JavaScript 字符串对象
您还可以使用 new 关键字创建字符串。例如，
const a = 'hello';
const b = new String('hello');
console.log(a); // "hello"
console.log(b); // "hello"
console.log(typeof a); // "string"
console.log(typeof b); // "object"
注意：建议避免使用字符串对象。使用字符串对象会减慢程序的速度。
JavaScript 字符串方法
以下是常用的 JavaScript 字符串方法：
| 方法 | 描述 |
|---|---|
| charAt(index) | 返回指定索引处的字符 |
| concat() | 连接两个或多个字符串 |
| replace() | 用一个字符串替换另一个字符串 |
| split() | 将字符串转换为字符串数组 |
| substr(start, length) | 返回字符串的一部分 |
| substring(start,end) | 返回字符串的一部分 |
| slice(start, end) | 返回字符串的一部分 |
| toLowerCase() | 以小写形式返回传递的字符串 |
| toUpperCase() | 以大写形式返回传递的字符串 |
| trim() | 删除字符串中的空白 |
| includes() | 搜索字符串并返回布尔值 |
| search() | 搜索字符串并返回匹配的位置 |
示例：JavaScript 字符串方法
const text1 = 'hello';
const text2 = 'world';
const text3 = ' JavaScript ';
// concatenating two strings
const result1 = text1.concat(' ', text2);
console.log(result1); // "hello world"
// converting the text to uppercase
const result2 = text1.toUpperCase();
console.log(result2); // HELLO
// removing whitespace from the string
const result3 = text3.trim();
console.log(result3); // JavaScript
// converting the string to an array
const result4 = text1.split();
console.log(result4); // ["hello"]
// slicing the string
const result5= text1.slice(1, 3);
console.log(result5); // "el"
JavaScript String() 函数
String() 函数用于将各种数据类型转换为字符串。例如，
const a = 225; // number
const b = true; // boolean
//converting to string
const result1 = String(a);
const result2 = String(b);
console.log(result1); // "225"
console.log(result2); // "true"
如果您想了解有关字符串转换的更多信息，请访问 JavaScript 类型转换。
转义字符
可以使用反斜杠转义字符 \ 在字符串中包含特殊字符。例如，
const name = 'My name is \'Peter\'.';
console.log(name);
输出
My name is 'Peter'.
在上述程序中，使用引号时需要配置 \ 。
| 代码 | 输出 |
|---|---|
| \" | 包括双引号 |
| \\ | 包括反斜杠 |
| \n | 换行 |
| \r | 回车 |
| \v | 垂直制表符 |
| \t | 水平制表符 |
| \b | 退格 |
| \f | 换页 |
上一教程 ：Multidimensional Array 下一教程 ：JS for…in
参考文档
[1] Parewa Labs Pvt. Ltd. (2022, January 1). Getting Started With JavaScript, from Parewa Labs Pvt. Ltd: https://www.programiz.com/javascript/string
