JS中【字符串】常用知识点总结

JavaScript 中字符串操作是前端开发中非常常见的任务，以下是一些常用的字符串操作知识点：

1. 创建字符串

使用引号 ：可以用单引号 ('')、双引号 ("") 或反引号（````）创建字符串。
javascript 复制代码
```
let str1 = 'Hello';
let str2 = "World";
let str3 = `Hello, ${str2}`; // 使用模板字符串
```

2. 字符串长度

.length 属性 ：用于获取字符串的长度。
javascript 复制代码
```
let str = 'JavaScript';
console.log(str.length); // 输出: 10
```

3. 字符串连接

+ 运算符：用于连接两个或多个字符串。

javascript 复制代码

let str1 = 'Hello, ';
let str2 = 'World!';
let result = str1 + str2;
console.log(result); // 输出: 'Hello, World!'

模板字符串 ：通过 ${} 在字符串中嵌入变量或表达式。

javascript 复制代码

let name = 'John';
let greeting = `Hello, ${name}!`;
console.log(greeting); // 输出: 'Hello, John!'

4. 字符串查找

.indexOf() ：返回子字符串首次出现的位置，未找到则返回 -1。

javascript 复制代码

let str = 'Hello, World!';
console.log(str.indexOf('World')); // 输出: 7
console.log(str.indexOf('world')); // 输出: -1 (大小写敏感)

.includes()：判断字符串是否包含指定子字符串，返回布尔值。

javascript 复制代码

let str = 'Hello, World!';
console.log(str.includes('World')); // 输出: true
console.log(str.includes('world')); // 输出: false

.startsWith() 和 .endsWith()：分别判断字符串是否以指定子字符串开头或结尾。

javascript 复制代码

let str = 'JavaScript';
console.log(str.startsWith('Java')); // 输出: true
console.log(str.endsWith('Script')); // 输出: true

5. 字符串提取

.slice()：提取字符串的某部分，参数为起始索引和结束索引（不包括结束索引）。
javascript 复制代码
```
let str = 'Hello, World!';
console.log(str.slice(7, 12)); // 输出: 'World'
```
.substring() ：类似于 .slice()，但不接受负值作为索引。
javascript 复制代码
```
let str = 'Hello, World!';
console.log(str.substring(7, 12)); // 输出: 'World'
```
.substr()：提取从起始位置开始的指定长度的字符串。
javascript 复制代码
```
let str = 'Hello, World!';
console.log(str.substr(7, 5)); // 输出: 'World'
```

6. 字符串替换

.replace()：用于替换字符串中的子字符串。

javascript 复制代码

let str = 'Hello, World!';
let newStr = str.replace('World', 'JavaScript');
console.log(newStr); // 输出: 'Hello, JavaScript!'

全局替换 ：通过正则表达式的 g 标志实现全局替换。

javascript 复制代码

let str = 'apple, orange, apple';
let newStr = str.replace(/apple/g, 'banana');
console.log(newStr); // 输出: 'banana, orange, banana'

7. 字符串拆分

.split() ：按照指定的分隔符将字符串拆分为数组。

javascript 复制代码

let str = 'Hello, World, JavaScript';
let arr = str.split(', ');
console.log(arr); // 输出: ['Hello', 'World', 'JavaScript']

8. 字符串转换大小写

.toUpperCase()：将字符串转换为大写。

javascript 复制代码

let str = 'Hello';
console.log(str.toUpperCase()); // 输出: 'HELLO'

.toLowerCase()：将字符串转换为小写。

javascript 复制代码

let str = 'Hello';
console.log(str.toLowerCase()); // 输出: 'hello'

9. 去除空白字符

.trim() ：去除字符串两端的空白字符。

javascript 复制代码

let str = '   Hello, World!   ';
console.log(str.trim()); // 输出: 'Hello, World!'

10. 字符串的重复

.repeat() ：重复一个字符串指定次数。

javascript 复制代码

let str = 'Hello! ';
console.log(str.repeat(3)); // 输出: 'Hello! Hello! Hello! '

11. 字符串的不可变性

在 JavaScript 中，字符串是不可变的，即不能直接修改字符串中的某个字符。
javascript 复制代码
```
let str = 'Hello';
str[0] = 'h'; // 不会改变原字符串
console.log(str); // 仍然输出: 'Hello'
```

12. 转换为字符串

.toString() 和 String() ：可以将其他数据类型转换为字符串。

javascript 复制代码

let num = 123;
let str = num.toString();
console.log(typeof str); // 输出: 'string'

let bool = true;
let str2 = String(bool);
console.log(str2); // 输出: 'true'

这些是 JavaScript 字符串操作中最常用的一些知识点。掌握这些方法，可以更高效地处理和操作字符串数据。