js字符串处理方法

js字符串处理方法

JavaScript（简称JS）作为一门流行的编程语言，广泛用于前端和后

端开发。字符串是JS中经常出现的数据类型，对于字符串的处理方法

非常重要，本文就来详细讲解一下。

1. 字符串的创建

JavaScript中字符串可以使用单引号、双引号或反引号来创建。例如：

```

let str1 = 'Hello World';

let str2 = "Hello World";

let str3 = `Hello World`;

```

2. 字符串的拼接

字符串的拼接是我们在开发中最经常使用的方法之一，JS中提供了多

种拼接方法：

2.1 使用加号操作符（+）进行字符串拼接

```

let firstName = "John";

let lastName = "Doe";

let fullName = firstName + " " + lastName;

console.log(fullName);

```

2.2 使用模板字符串（反引号+变量名）进行字符串拼接

```

let firstName = "John";

let lastName = "Doe";

let fullName = `${firstName} ${lastName}`;

console.log(fullName);

```

3. 字符串的截取

在实际开发中，我们经常需要对字符串进行截取操作，例如获取字符串中的某个子串或者去掉字符串中的某个部分。JS内置了多个字符串截取方法：

3.1 使用substring()方法截取字符串中的子串

```

let str = "Hello World";

let res1 = str.substring(0, 5); // 从第0个字符（包含）到第5个字符（不包含）之间的子串

let res2 = str.substring(6); // 从第6个字符（包含）到字符串结尾的子串

console.log(res1); // Hello

console.log(res2); // World

```

3.2 使用slice()方法截取字符串中的子串

slice()方法与substring()方法的区别在于允许负数索引，表示从字符串末尾开始计数：

```

let str = "Hello World";

let res1 = str.slice(0, 5); // 从第0个字符（包含）到第5个字符（不包含）之间的子串

let res2 = str.slice(-5); // 从倒数第5个字符（包含）到字符串结尾的子串

console.log(res1); // Hello

console.log(res2); // World

```

4. 字符串的替换

替换字符串中的某个部分也是开发中经常用到的操作，JS提供了多种字符串替换方法：

4.1 使用replace()方法替换字符串中的指定字符

```

let str = "Hello World";

let res1 = str.replace("Hello", "Hi"); // 将字符串中第一个Hello替换为Hi

let res2 = str.replace(/l/g, "L"); // 使用正则表达式将所有小写字母l替换为大写字母L

console.log(res1); // Hi World

console.log(res2); // HeLLo WorLd

```

5. 字符串的大小写转换

在实际开发中，我们也经常需要对字符串进行大小写转换操作，例如将字符串中所有字母变为大写或小写。JS中提供了多种大小写转换方法：

5.1 使用toUpperCase()方法将字符串中所有字母转为大写

```

let str = "Hello World";

let res = str.toUpperCase();

console.log(res); // HELLO WORLD

```

5.2 使用toLowerCase()方法将字符串中所有字母转为小写

```

let str = "HELLO WORLD";

let res = str.toLowerCase();

console.log(res); // hello world

```

6. 字符串的判断

判断字符串是否包含某个子串、是否以某个字符开头或结尾也是开发中常用的操作，JS提供了多个字符串判断方法：

6.1 使用includes()方法判断一个字符串是否包含另一个字符串

```

let str = "Hello World";

let res1 = str.includes("Hello"); // 判断字符串中是否包含

Hello子串

let res2 = str.includes("foo"); // 判断字符串中是否包含foo子串

console.log(res1); // true

console.log(res2); // false

```

6.2 使用startsWith()方法判断一个字符串是否以另一个字符串开头

```

let str = "Hello World";

let res1 = str.startsWith("Hello"); // 判断字符串是否以Hello 子串开头

let res2 = str.startsWith("World", 6); // 从第6个字符开始判断字符串是否以World子串开头

console.log(res1); // true

console.log(res2); // true

```

6.3 使用endsWith()方法判断一个字符串是否以另一个字符串结尾

```

let str = "Hello World";

let res1 = str.endsWith("World"); // 判断字符串是否以World子串结尾

let res2 = str.endsWith("Hell", 4); // 从倒数第4个字符开始判断字符串是否以Hell子串结尾

console.log(res1); // true

console.log(res2); // true

```