【js怎么截取字符串】在JavaScript中，字符串的截取是一个非常常见的操作。无论是从用户输入中提取信息，还是对数据进行处理，掌握字符串截取的方法都非常重要。本文将总结几种常用的字符串截取方法，并以表格形式展示它们的使用方式和适用场景。
一、常用字符串截取方法总结
| 方法 | 说明 | 示例 | 输出结果 |
| `slice(start, end)` | 从指定位置开始截取，返回新字符串，不改变原字符串 | `str.slice(0, 3)` | `"abc"` |
| `substring(start, end)` | 类似于`slice()`，但不支持负数索引 | `str.substring(0, 3)` | `"abc"` |
| `substr(start, length)` | 从指定位置开始，截取指定长度的字符 | `str.substr(0, 3)` | `"abc"` |
| `split(separator)` | 将字符串按指定分隔符分割为数组 | `str.split(' ')` | `["hello", "world"]` |
| `match(regex)` | 使用正则表达式匹配字符串中的内容 | `str.match(/(\d+)/)` | `["123"]` |
二、方法详解
1. `slice(start, end)`
- 作用：从`start`位置开始，截取到`end`位置（不包含`end`），返回新的字符串。
- 特点：
- 支持负数索引（如`-1`表示最后一个字符）。
- 不会修改原字符串。
- 示例：
```javascript
let str = "JavaScript";
console.log(str.slice(0, 4)); // 输出 "Java"
console.log(str.slice(-3)); // 输出 "ipt"
```
2. `substring(start, end)`
- 作用：与`slice()`类似，但不支持负数索引。
- 注意：如果`start > end`，会自动交换位置。
- 示例：
```javascript
let str = "Hello World";
console.log(str.substring(0, 5)); // 输出 "Hello"
console.log(str.substring(6, 11)); // 输出 "World"
```
3. `substr(start, length)`
- 作用：从`start`位置开始，截取`length`个字符。
- 特点：
- 第二个参数是长度，不是结束位置。
- 支持负数索引。
- 示例：
```javascript
let str = "JavaScript";
console.log(str.substr(0, 4)); // 输出 "Java"
console.log(str.substr(-3, 3)); // 输出 "ipt"
```
4. `split(separator)`
- 作用：将字符串按照指定的分隔符拆分成数组。
- 示例：
```javascript
let str = "apple,banana,orange";
console.log(str.split(",")); // 输出 ["apple", "banana", "orange"
```
5. `match(regex)`
- 作用：使用正则表达式匹配字符串内容，返回匹配结果。
- 示例：
```javascript
let str = "Price: $123.45";
console.log(str.match(/\d+/)); // 输出 ["123"
```
三、选择建议
- 如果只需要简单的截取，推荐使用`slice()`或`substr()`。
- 若需按固定分隔符分割，使用`split()`。
- 若需要复杂匹配，如提取数字、邮箱等，使用`match()`结合正则表达式。
通过掌握这些方法，你可以更灵活地处理JavaScript中的字符串操作，提升代码效率和可读性。
