JS字符串方法详解：附带代码示例

在JavaScript编程中，字符串操作是必不可少的技能。为了方便开发者处理字符串，JavaScript提供了一系列内置方法。本文将详细介绍常用的JS字符串方法，并提供简洁易懂的代码示例。

1. indexOf() 方法： 返回字符串中指定字符或子字符串第一次出现的位置（索引），如果没有找到则返回 -1。

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

2. substring() 方法： 返回字符串中指定起始位置和结束位置之间的子字符串（不包括结束位置的字符）。

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

3. replace() 方法： 用一个新字符串替换原字符串中第一次出现的指定字符或子字符串。

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

4. split() 方法： 将字符串按照指定分隔符分割成数组。

let str = 'a,b,c,d';
console.log(str.split(',')); // ['a', 'b', 'c', 'd']

5. toUpperCase() 方法和 toLowerCase() 方法： 将字符串中的所有字母转换为大写或小写。

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

6. trim() 方法： 去除字符串两端的空白字符。

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

7. charAt() 方法： 返回字符串中指定位置的字符。

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

8. concat() 方法： 将多个字符串拼接成一个字符串。

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

9. slice() 方法： 返回字符串中指定起始位置和结束位置之间的子字符串（类似 substring()，但支持负索引）。

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

10. startsWith() 方法和 endsWith() 方法： 判断字符串是不是以指定的字符或子字符串开头或结尾。

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

11. repeat() 方法： 返回一个重复指定次数的字符串。

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

12. match() 方法： 返回一个包含字符串中匹配的子字符串的数组。

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

13. search() 方法： 返回字符串中指定字符或子字符串第一次出现的位置（索引）。

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

14. substr() 方法： 返回字符串中从指定位置开始的指定长度的子字符串。

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

15. localeCompare() 方法： 比较两个字符串并返回一个数字，表示它们的顺序关系。

let str1 = 'Hello';
let str2 = 'World';
console.log(str1.localeCompare(str2)); // -1

16. padStart() 方法和 padEnd() 方法： 在字符串的开头或结尾填充指定的字符，使其达到指定的长度。

let str = 'Hello';
console.log(str.padStart(10, 'x')); // xxxxxHello
console.log(str.padEnd(10, 'x')); // Helloxxxxx

17. includes() 方法： 判断字符串中是否包含指定的字符或子字符串。

let str = 'Hello World';
console.log(str.includes('o')); // true
console.log(str.includes('x')); // false

18. trimStart() 方法和 trimEnd() 方法： 去除字符串开头或结尾的空白字符。

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

19. fromCharCode() 方法： 将Unicode编码转换为字符。

console.log(String.fromCharCode(72, 101, 108, 108, 111)); // Hello

20. toString() 方法： 将一个值转换为字符串。

let num = 123;
console.log(num.toString()); // '123'

希望本文能帮助你更好地理解和使用JavaScript字符串方法！