JS字符串常用方法详解与示例

JS字符串常用方法详解与示例

在JavaScript编程中，字符串操作是十分常见的任务。为了方便开发者处理字符串，JavaScript提供了一系列内置方法。本文将详细介绍一些常用的字符串方法，并提供清晰易懂的代码示例，帮助你快速掌握字符串操作技巧。

1. charAt()方法

• 作用：返回字符串中指定位置的字符。
• 语法：string.charAt(index)
• 参数：index 表示要获取字符的索引位置，从0开始。
• 返回值：指定位置的字符。如果索引超出范围，则返回空字符串。

let str = 'Hello World';
console.log(str.charAt(0)); // 'H'
console.log(str.charAt(6)); // 'W'
console.log(str.charAt(11)); // ''

2. concat()方法

• 作用：将两个或多个字符串连接起来，返回一个新的字符串。
• 语法：string1.concat(string2, string3, ...)
• 参数：string2, string3, ... 表示要连接的字符串。
• 返回值：连接后的新字符串。

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

3. indexOf()方法

• 作用：返回字符串中指定文本的第一个出现位置（索引）。
• 语法：string.indexOf(searchValue, fromIndex)
• 参数：
  • searchValue 表示要查找的文本。
  • fromIndex 可选，表示从哪个索引位置开始查找，默认为0。
• 返回值：如果找到匹配的文本，则返回其第一个字符的索引；否则返回-1。

let str = 'Hello World';
console.log(str.indexOf('World')); // 6
console.log(str.indexOf('o')); // 4
console.log(str.indexOf('x')); // -1

4. lastIndexOf()方法

• 作用：返回字符串中指定文本的最后一个出现位置（索引）。
• 语法：string.lastIndexOf(searchValue, fromIndex)
• 参数：
  • searchValue 表示要查找的文本。
  • fromIndex 可选，表示从哪个索引位置开始反向查找，默认为字符串长度减1。
• 返回值：如果找到匹配的文本，则返回其第一个字符的索引；否则返回-1。

let str = 'Hello World';
console.log(str.lastIndexOf('o')); // 7

5. slice()方法

• 作用：从字符串中提取一个新的字符串，返回一个新的字符串。
• 语法：string.slice(startIndex, endIndex)
• 参数：
  • startIndex 表示提取的起始索引位置。
  • endIndex 可选，表示提取的结束索引位置（不包括该位置的字符）。如果省略，则提取到字符串末尾。
• 返回值：提取的新字符串。

let str = 'Hello World';
console.log(str.slice(6, 11)); // 'World'
console.log(str.slice(6)); // 'World'

6. substring()方法

• 作用：提取字符串中两个指定的索引之间的字符。
• 语法：string.substring(startIndex, endIndex)
• 参数：
  • startIndex 表示提取的起始索引位置。
  • endIndex 可选，表示提取的结束索引位置（不包括该位置的字符）。如果省略，则提取到字符串末尾。
• 返回值：提取的新字符串。

let str = 'Hello World';
console.log(str.substring(6, 11)); // 'World'

7. substr()方法

• 作用：从指定位置开始提取字符串中指定数目的字符。
• 语法：string.substr(startIndex, length)
• 参数：
  • startIndex 表示提取的起始索引位置。
  • length 可选，表示要提取的字符个数。如果省略，则提取到字符串末尾。
• 返回值：提取的新字符串。

let str = 'Hello World';
console.log(str.substr(6, 5)); // 'World'

8. replace()方法

• 作用：替换字符串中的文本。
• 语法：string.replace(searchValue, newValue)
• 参数：
  • searchValue 表示要替换的文本或正则表达式。
  • newValue 表示替换后的文本或用于创建新字符串的函数。
• 返回值：替换后的新字符串。

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

9. toUpperCase()方法

• 作用：将字符串转换为大写字母。
• 语法：string.toUpperCase()
• 返回值：转换为大写字母的新字符串。

let str = 'Hello World';
console.log(str.toUpperCase()); // 'HELLO WORLD'

10. toLowerCase()方法

• 作用：将字符串转换为小写字母。
• 语法：string.toLowerCase()
• 返回值：转换为小写字母的新字符串。

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

11. split()方法

• 作用：将字符串分割成字符串数组。
• 语法：string.split(separator, limit)
• 参数：
  • separator 表示用于分割字符串的分隔符。
  • limit 可选，表示返回数组的最大长度。
• 返回值：分割后的字符串数组。

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

12. trim()方法

• 作用：去除字符串两端的空格。
• 语法：string.trim()
• 返回值：去除空格后的新字符串。

let str = '   Hello World   ';
console.log(str.trim()); // 'Hello World'

13. startsWith()方法

• 作用：判断字符串是否以指定文本开头。
• 语法：string.startsWith(searchValue, position)
• 参数：
  • searchValue 表示要查找的文本。
  • position 可选，表示开始查找的位置，默认为0。
• 返回值：如果字符串以指定文本开头，则返回true；否则返回false。

let str = 'Hello World';
console.log(str.startsWith('Hello')); // true
console.log(str.startsWith('World', 6)); // true

14. endsWith()方法

• 作用：判断字符串是否以指定文本结尾。
• 语法：string.endsWith(searchValue, length)
• 参数：
  • searchValue 表示要查找的文本。
  • length 可选，表示用于检查的字符串长度，默认为字符串的长度。
• 返回值：如果字符串以指定文本结尾，则返回true；否则返回false。

let str = 'Hello World';
console.log(str.endsWith('World')); // true
console.log(str.endsWith('Hello', 5)); // true

15. repeat()方法

• 作用：重复指定次数的字符串。
• 语法：string.repeat(count)
• 参数：count 表示重复的次数。
• 返回值：重复后的新字符串。

let str = 'Hello ';
console.log(str.repeat(3)); // 'Hello Hello Hello '

16. match()方法

• 作用：在字符串中查找指定的值或正则表达式，并返回匹配的结果。
• 语法：string.match(regexp)
• 参数：regexp 表示要查找的正则表达式或字符串。
• 返回值：如果找到匹配，则返回包含匹配信息数组；否则返回null。

let str = 'Hello World';
console.log(str.match('World')); // ['World', index: 6, input: 'Hello World', groups: undefined]
console.log(str.match(/o/g)); // ['o', 'o']

17. search()方法

• 作用：在字符串中查找指定的值或正则表达式，并返回匹配的位置。
• 语法：string.search(regexp)
• 参数：regexp 表示要查找的正则表达式或字符串。
• 返回值：如果找到匹配，则返回第一个匹配的索引；否则返回-1。

let str = 'Hello World';
console.log(str.search('World')); // 6
console.log(str.search(/o/)); // 4

总结

本文介绍了JavaScript中常用的字符串方法，并提供了丰富的代码示例。熟练掌握这些方法，可以帮助你更高效地处理字符串，编写更简洁、可读性更高的代码。