JavaScript字符串常用的方法

下面是JavaScript字符串常用的方法的详细讲解，包括常用方法及其用法、示例和注意事项。

常用方法及其用法

1. length

length方法返回字符串的长度，即字符串中字符的个数。

示例：

const str = 'hello world';
console.log(str.length); // 输出 11

需要注意的是，length获取的是字符串中字符的个数，而不是字节的个数。对于 Unicode 编码的字符，一个字符可能会占用多个字节的存储空间。

2. charAt

charAt方法返回指定位置的字符。

示例：

const str = 'hello world';
console.log(str.charAt(1)); // 输出 e

需要注意的是，charAt方法返回的是字符串中指定位置的字符，如果指定位置超出了字符串长度，返回的是空字符串。

3. charCodeAt

charCodeAt方法返回指定位置的字符的 Unicode 编码值。

示例：

const str = 'hello world';
console.log(str.charCodeAt(1)); // 输出 101，即字符 e 的 Unicode 编码值

4. indexOf

indexOf方法返回指定字符在字符串中第一次出现的位置，如果字符串中不存在该字符，则返回 -1。

示例：

const str = 'hello world';
console.log(str.indexOf('o')); // 输出 4，即字符 o 在字符串中第一次出现的位置

5. lastIndexOf

lastIndexOf方法返回指定字符在字符串中最后一次出现的位置，如果字符串中不存在该字符，则返回 -1。

示例：

const str = 'hello world';
console.log(str.lastIndexOf('o')); // 输出 7，即字符 o 在字符串中最后一次出现的位置

6. slice

slice方法从字符串中提取指定部分返回新字符串。可以传入两个参数，分别是起始索引位置和结束索引位置(不包含结束位置字符)。如果省略第二个参数，则会一直截取到字符串结尾。

示例：

const str = 'hello world';
console.log(str.slice(0, 5)); // 输出 hello
console.log(str.slice(6)); // 输出 world

7. substr

substr方法从字符串中提取从指定位置开始的指定长度的子字符串，返回新字符串。

示例：

const str = 'hello world';
console.log(str.substr(0, 5)); // 输出 hello
console.log(str.substr(6)); // 输出 world

需要注意的是，第二个参数指定的是提取的子字符串的长度，而不是结束位置的索引位置。

8. substring

substring方法从字符串中提取从指定位置开始到指定位置结束的子字符串，返回新字符串。

示例：

const str = 'hello world';
console.log(str.substring(0, 5)); // 输出 hello
console.log(str.substring(6)); // 输出 world

需要注意的是，如果第一个参数大于第二个参数，则 substring 方法会自动交换两个参数的位置。如果有一个参数是负数或不是数值，则会被当做 0。

注意事项

1. 在 JavaScript 中，字符串是不可变的，即通过某些方法改变字符串的值时，实际上是创建了一个新的字符串，而不是修改了原有的字符串。
2. indexOf 和 lastIndexOf 方法是区分大小写的。
3. 与 slice 和 substring 方法不同，substr 方法的第二个参数指定的是子字符串的长度，而不是结束位置的索引位置。
4. charAt 方法可以使用 [] 运算符的方式来获取字符，例如 str[1]。
5. 如果要操作 Unicode 编码的字符，推荐使用 ECMAScript 6 中新增的 codePointAt 方法。

以上就是 JavaScript 字符串常用方法的完整攻略，希望对你有所帮助。