JS字符串分割方法整理汇总示例讲解（3种截取方法和6个辅助方法）

JS字符串分割方法整理汇总示例讲解是一篇涵盖了字符串分割的相关知识点和应用场景的文章。文章主要分为以下几个部分进行讲解：

1. 字符串截取方法

字符串的截取方法是JS中常用的操作，在文章中提到了三种常用的字符串截取方法，分别是：

1. substring(start, end)：截取从start开始到end-1处的字符串。
2. substr(start, length)：从start开始截取长度为length的字符串。
3. slice(start, end)：截取从start开始到end-1处的字符串。

下面就按照这三个方法，分别进行详细讲解：

1.1. substring(start, end)

substring方法是从字符串中截取一部分。它接受两个参数，分别是起始位置和结束位置。截取的字符串不包括结束位置对应的字符。如果省略end参数，则截取到字符串的末尾。

const str = 'hello world';
console.log(str.substring(3)); // lo world
console.log(str.substring(3, 7)); // lo w

1.2. substr(start, length)

substr方法是从字符串中截取一部分。它接受两个参数，分别是起始位置和截取的长度。如果省略length参数，则截取到字符串的末尾。

const str = 'hello world';
console.log(str.substr(3)); // lo world
console.log(str.substr(3, 7)); // lo worl

1.3. slice(start, end)

slice方法与substring方法类似，也是从字符串中截取一部分。它接受两个参数，分别是起始位置和结束位置。截取的字符串不包括结束位置对应的字符。如果省略end参数，则截取到字符串的末尾。

const str = 'hello world';
console.log(str.slice(3)); // lo world
console.log(str.slice(3, 7)); // lo w

2. 辅助方法

除了上面的字符串截取方法，JS还提供了一些辅助方法，用来操作字符串。

文章总共列举了6个常用的辅助方法，分别是：

1. split(separator, limit)：将字符串分割成数组。
2. indexOf(searchValue, startFrom)：返回一个字符串第一次出现的位置。
3. lastIndexOf(searchValue, startFrom)：返回一个字符串最后一次出现的位置。
4. match(regExp)：从字符串中查找一个或多个与正则表达式匹配的文本。
5. replace(regExp, replacement)：替换一个与正则表达式匹配的字符串。
6. toLowerCase()：将字符串中的所有字符转换为小写。

下面就按照这6个方法，分别进行详细讲解：

2.1. split(separator, limit)

split方法将一个字符串分割成一个数组。它接受两个参数，分别是分割字符串的标志和数组的长度限制。如果省略limit参数，则分割成全部数组。

const str = 'apple,banana,orange';
console.log(str.split(',')); // ['apple', 'banana', 'orange']
console.log(str.split(',', 2)); // ['apple', 'banana']

2.2. indexOf(searchValue, startFrom)

indexOf方法返回一个字符串第一次出现的位置。它接受两个参数，分别是要查找的字符串和从哪个位置开始查找。如果省略startFrom参数，则从0开始查找。

const str = 'hello world';
console.log(str.indexOf('l')); // 2
console.log(str.indexOf('l', 3)); // 3

2.3. lastIndexOf(searchValue, startFrom)

lastIndexOf方法返回一个字符串最后一次出现的位置。它接受两个参数，分别是要查找的字符串和从哪个位置开始查找。如果省略startFrom参数，则从字符串的末尾开始查找。

const str = 'hello world';
console.log(str.lastIndexOf('l')); // 9
console.log(str.lastIndexOf('l', 3)); // 3

2.4. match(regExp)

match方法从字符串中查找一个或多个与正则表达式匹配的文本。如果找到匹配的文本，则返回一个数组，否则返回null。

const str = 'hello world';
console.log(str.match(/l+/)); // ['ll']
console.log(str.match(/L+/)); // null

2.5. replace(regExp, replacement)

replace方法替换一个与正则表达式匹配的字符串。如果找到了匹配的字符串，则用指定的字符替换它。

const str = 'hello world';
console.log(str.replace(/hello/g, 'hi')); // hi world

2.6. toLowerCase()

toLowerCase方法将字符串中的所有字符转换为小写。

const str = 'Hello World';
console.log(str.toLowerCase()); // hello world

3. 示例说明

以下是两个具体的示例，帮助读者更好地理解上述的字符串截取方法和辅助方法：

3.1. 示例1

需求：从以下字符串中提取出“广东省”和“深圳市”。

const str = '工作地点：广东省深圳市科技园';

解析：

从字符串中提取子串“广东省”和“深圳市”的位置不定，因此我们可以使用字符串分割方法，将字符串分割成一个数组，再对数组中的元素进行操作。

const str = '工作地点：广东省深圳市科技园';
const arr = str.split('：')[1] // ['广东省深圳市科技园']
const province = arr[0].substring(0,2); // '广东省'
const city = arr[0].substring(2,arr[0].length); // '深圳市科技园'
console.log(province); // '广东省'
console.log(city); // '深圳市科技园'

3.2. 示例2

需求：将以下字符串的第一个字母改为大写。

const str = 'hello world';

解析：

我们可以使用字符串的charAt()方法来获取字符串的第一个字符，再使用字符串的replace()方法将它替换成大写。

const str = 'hello world';
const upperStr = str.charAt(0).toUpperCase() + str.substring(1);
console.log(upperStr); // 'Hello world'

通过以上两个示例，我们可以看到，在实际开发中，字符串的截取和操作是一个普遍的需求，掌握这些相关方法是非常重要的。