JavaScript 字符串方法，以及它们的优缺点。

2024-07-17 75 阅读5分钟

JavaScript 中的字符串方法提供了丰富的功能，用于处理和操作字符串数据。本文将详细介绍常用的 JavaScript 字符串方法，以及它们的优缺点。

目录

charAt 和 charCodeAt
concat
includes
indexOf 和 lastIndexOf
slice
substring 和 substr
toLowerCase 和 toUpperCase
trim
split
replace
match 和 search
startsWith 和 endsWith
repeat

1. `charAt` 和 `charCodeAt`

charAt: 返回指定索引位置的字符。
charCodeAt: 返回指定索引位置字符的 Unicode 编码。

使用示例

let str = 'Hello';
let char = str.charAt(1);         // 'e'
let charCode = str.charCodeAt(1); // 101 (ASCII for 'e')

优点

提供了获取指定字符或字符编码的简单方法。

缺点

如果要操作字符串中的多个字符，需要多次调用这些方法，可能效率较低。

2. `concat`

concat 方法用于连接两个或多个字符串，并返回一个新字符串。

使用示例

let str1 = 'Hello';
let str2 = 'World';
let newStr = str1.concat(', ', str2); // 'Hello, World'

优点

可以方便地连接多个字符串。
不会修改原字符串，而是返回一个新字符串，保持原字符串的不可变性。

缺点

需要创建一个新字符串，可能会影响性能。

3. `includes`

includes 方法用于判断一个字符串是否包含在另一个字符串中，返回布尔值。

使用示例

let str = 'Hello, World';
let isIncluded = str.includes('World'); // true

优点

提供了一种简单的方式判断字符串中是否包含特定子串。

缺点

不支持 IE 浏览器（不支持的话可以使用 indexOf 方法替代）。

4. `indexOf` 和 `lastIndexOf`

indexOf: 返回字符串中指定子串的第一个匹配项的索引，如果未找到，则返回 -1。
lastIndexOf: 返回字符串中指定子串的最后一个匹配项的索引，如果未找到，则返回 -1。

使用示例

let str = 'Hello, World';
let index = str.indexOf('o');         // 4
let lastIndex = str.lastIndexOf('o'); // 8

优点

可以方便地查找字符串中的子串的位置。

缺点

时间复杂度为 O(n)，对大型字符串的性能影响较大。

5. `slice`

slice 方法提取字符串的一部分，并返回一个新字符串。

使用示例

let str = 'Hello, World';
let newStr = str.slice(7);      // 'World'
let slicedStr = str.slice(0, 5); // 'Hello'

优点

可以方便地获取字符串的子串。
不会修改原字符串，而是返回一个新字符串，保持原字符串的不可变性。

缺点

需要创建一个新字符串，可能会影响性能。

6. `substring` 和 `substr`

substring: 返回字符串中指定两个索引之间的子串。
substr: 返回字符串中从指定位置开始的指定长度的子串。

使用示例

let str = 'Hello, World';
let subStr1 = str.substring(7);      // 'World'
let subStr2 = str.substring(0, 5);   // 'Hello'
let substrStr = str.substr(7, 5);    // 'World'

优点

提供了不同的方法来获取指定位置和长度的子串。

缺点

substr 方法在某些情况下，如负数参数的处理上，可能与 substring 有所不同。

7. `toLowerCase` 和 `toUpperCase`

toLowerCase: 将字符串转换为小写字母。
toUpperCase: 将字符串转换为大写字母。

使用示例

let str = 'Hello, World';
let lowerCaseStr = str.toLowerCase(); // 'hello, world'
let upperCaseStr = str.toUpperCase(); // 'HELLO, WORLD'

优点

提供了快速转换字符串大小写的方法。

缺点

如果需要操作大量字符串，多次调用这些方法可能会影响性能。

8. `trim`

trim 方法用于移除字符串两端的空白字符，并返回一个新字符串。

使用示例

let str = '   Hello, World   ';
let trimmedStr = str.trim(); // 'Hello, World'

优点

可以方便地移除字符串两端的空白字符。

缺点

只能移除两端的空白字符，无法处理字符串中间的空白字符。

9. `split`

split 方法用于将字符串分割成子串数组，接受一个分隔符参数。

使用示例

let str = 'Hello, World';
let splittedArray = str.split(', '); // ['Hello', 'World']

优点

可以方便地根据指定分隔符将字符串拆分为数组。

缺点

需要创建一个新数组，可能会影响性能。

10. `replace`

replace 方法用于替换字符串中的匹配子串。

使用示例

let str = 'Hello, World';
let newStr = str.replace('World', 'JavaScript'); // 'Hello, JavaScript'

优点

可以方便地替换字符串中的指定子串。

缺点

只能替换找到的第一个匹配项，如果需要替换所有匹配项，需要结合正则表达式或循环操作。

11. `match` 和 `search`

match: 返回一个数组，其中存放匹配的子串、匹配项的索引、输入的字符串等信息。
search: 返回字符串中第一个匹配项的索引，如果没有找到匹配项，则返回 -1。

使用示例

let str = 'Hello, World';
let matchArray = str.match(/o/g);   // ['o', 'o']
let searchIndex = str.search('o');  // 4

优点

可以方便地查找字符串中的匹配项。

缺点

match 返回的是数组，可能需要进一步处理以获取需要的信息。

12. `startsWith` 和 `endsWith`

startsWith: 判断字符串是否以指定的子串开头，返回布尔值。
endsWith: 判断字符串是否以指定的子串结尾，返回布尔值。

使用示例

let str = 'Hello, World';
let startsWithHello = str.startsWith('Hello');   // true
let endsWithWorld = str.endsWith('World');       // true

优点

提供了简单的方法来判断字符串的起始和结尾。

缺点

不支持 IE 浏览器（不支持的话可以使用 indexOf 方法替代）。

13. `repeat`

repeat 方法构造并返回一个新字符串，该字符串包含被连接在一起的指定数量的副本。

使用示例

let str = 'Hello';
let repeatedStr = str.repeat(3); // 'HelloHelloHello'

优点

可以方便地重复字符串多次。

缺点

不支持 IE 浏览器。

代码质量。在使用这些方法时，需要根据具体情况选择合适的方法，以达到最佳的性能和开发效率。