列举字符串常用方法

字符串（string）是一种最常见的数据类型之一，不管是在前端还是后端开发中都有着重要的应用。在实际的开发中，我们经常需要对字符串进行各种操作，例如查找、替换、截取、连接等。而在这些操作中，我们通常会用到一些字符串常用方法。本文将从多个角度分析常用的字符串操作方法。

字符串的长度

获取字符串长度是字符串操作中的一个很基础的方法。在JavaScript中，我们可以使用字符串对象的 length 属性来获取字符串长度。例如：

```javascript

const str = 'Hello World!';

const len = str.length;

console.log(len); // 12

```

字符串的查找

在字符串中查找某个字符或者字符串也是常见的操作。在JavaScript中，我们可以使用 indexOf 或者 lastIndexOf 方法来查找某个字符或者字符串的位置。例如：

```javascript

const str = 'Hello World!';

const position1 = str.indexOf('l');

console.log(position1); // 2

const position2 = str.lastIndexOf('l');

console.log(position2); // 9

```

上述代码中，indexOf 方法返回字符串中字符 'l' 第一次出现的位置，而 lastIndexOf 方法返回字符 'l' 最后一次出现的位置。

另外，如果我们想要查找字符串中是否包含某个子字符串，我们可以使用 includes 方法。例如：

```javascript

const str = 'Hello World!';

const isIncluded = str.includes('World');

console.log(isIncluded); // true

```

字符串的截取

在实际开发中，我们经常需要从字符串中截取出一部分内容。在JavaScript中，我们可以使用 slice、substring 或者 substr 方法来实现字符串截取。这三个方法有着相似的功能，但也有一些差别：

- slice 方法接收两个参数，分别表示起始位置和终止位置（不包含）。例如：

```javascript

const str = 'Hello World!';

const subStr1 = str.slice(3, 7);

console.log(subStr1); // lo W

```

- substring 方法和 slice 方法类似，但是它不接受负数参数。如果第一个参数大于第二个参数，substring 方法会自动交换这两个参数。例如：

```javascript

const str = 'Hello World!';

const subStr2 = str.substring(3, 7);

console.log(subStr2); // lo W

```

- substr 方法接收两个参数，第一个参数表示起始位置，第二个参数表示截取的长度。如果第二个参数省略，则表示截取从起始位置开始到字符串结尾的所有字符。例如：

```javascript

const str = 'Hello World!';

const subStr3 = str.substr(3, 4);

console.log(subStr3); // lo W

```

字符串的替换

将字符串中的某个字符或者字符串替换成另一个字符或者字符串也是常见的操作。在JavaScript中，我们可以使用 replace 方法来实现字符串替换。例如：

```javascript

const str = 'Hello World!';

const newStr = str.replace('World', 'JavaScript');

console.log(newStr); // Hello JavaScript!

```

上述代码中，replace 方法会在字符串中查找第一个参数（'World'），并将其替换成第二个参数（'JavaScript'）。

字符串的转换

在实际开发中，我们还需要将字符串按照一定的规则进行转换，例如将字符串转换为大写或者小写。在JavaScript中，我们可以使用 toUpperCase 和 toLowerCase 方法来实现字符串大小写转换。例如：

```javascript

const str = 'Hello World!';

const upperCaseStr = str.toUpperCase();

console.log(upperCaseStr); // HELLO WORLD!

const lowerCaseStr = str.toLowerCase();

console.log(lowerCaseStr); // hello world!

```

另外，在字符串中如果存在空格、制表符或者换行符，我们有时候需要将其清除。在JavaScript中，我们可以使用 trim 方法来实现清除空白符。例如：

```javascript

const str = ' Hello World! ';

const newStr = str.trim();

console.log(newStr); // Hello World!

```

字符串的连接

在实际开发中，我们经常需要将多个字符串连接起来形成一个更大的字符串。在JavaScript中，我们可以使用 + 操作符或者 concat 方法来实现字符串连接。例如：

```javascript

const str1 = 'Hello';

const str2 = 'World';

const newStr1 = str1 + ' ' + str2 + '!';

console.log(newStr1); // Hello World!

const newStr2 = str1.concat(' ', str2, '!');

console.log(newStr2); // Hello World!

```

字符串的截断

有时候，我们需要截断一个字符串保留前几个字符，然后在尾部添加省略号。在JavaScript中，我们可以使用 slice 方法和 concat 方法来实现该功能。例如：

```javascript

const str = 'Hello World!';

const maxLength = 7;

const newStr = str.slice(0, maxLength) + '...';

console.log(newStr); // Hello W...

```