js截取字符串（JavaScript字符串截取）

JavaScript字符串截取

一、substr()方法

在JavaScript中，我们可以使用substr()方法来截取字符串的一部分。该方法接受两个参数，第一个参数是起始位置的索引，第二个参数是要截取的字符个数。

例如，如果我们有一个字符串\"Hello, World!\"，我们可以使用substr()方法来截取出其中的\"World\"部分：

```javascript var str = \"Hello, World!\"; var result = str.substr(7, 5); console.log(result); // 输出 \"World\" ```

二、substring()方法

另一种常用的字符串截取方法是substring()方法。与substr()方法不同的是，substring()方法接受两个参数，分别是起始位置和结束位置的索引，其中结束位置的索引不包含在截取的结果中。

例如，我们可以使用substring()方法来获取\"Hello, World!\"中的\"World\"：

```javascript var str = \"Hello, World!\"; var result = str.substring(7, 12); console.log(result); // 输出 \"World\" ```

需要注意的是，当起始位置大于结束位置时，substring()方法会自动调换两个参数的位置。

此外，如果我们只传递一个参数给substring()方法，那么它将截取从起始位置到字符串的末尾的所有字符。

三、slice()方法

除了substr()和substring()方法，JavaScript还提供了slice()方法进行字符串截取。它与substring()方法相似，接受两个参数，分别是起始位置和结束位置的索引。同样，结束位置的索引不包含在截取的结果中。

与substring()方法不同的是，如果我们传递了负数作为参数，slice()方法会从字符串的末尾开始计算索引。

下面是一个使用slice()方法截取字符串的例子：

```javascript var str = \"Hello, World!\"; var result = str.slice(7, 12); console.log(result); // 输出 \"World\" ```

四、截取中文字符串

在处理中文字符串时，我们需要特别注意字符编码问题。由于中文字符通常占据两个字节，因此使用substr()、substring()或slice()截取字符串时需要考虑字节长度。

例如，我们有一个包含中文字符的字符串\"你好，世界！\"，如果我们将它截取到\"你好\"，我们需要确保截取的位置正确对应着中文字符的字节长度。否则，我们可能会截取到乱码或不完整的中文字符。

为了正确截取中文字符串，通常我们需要使用charCodeAt()方法和String.fromCharCode()方法来判断字符的字节长度。

```javascript function substrChinese(str, start, length) { var charCount = 0; var result = \"\"; for (var i = 0; i < str.length; i++) { var charCode = str.charCodeAt(i); if (charCode >= 0 && charCode <= 128) { charCount += 1; } else { charCount += 2; } if (charCount > start && charCount <= start + length) { result += str.charAt(i); } } return result; } var str = \"你好，世界！\"; var result = substrChinese(str, 0, 2); console.log(result); // 输出 \"你好\" ```

总结

通过使用substr()、substring()和slice()等方法，我们可以在JavaScript中方便地对字符串进行截取操作。不过在处理中文字符串时，我们需要注意字符编码的问题，确保截取位置正确对应中文字符的字节长度。

在实际开发中，根据具体的需求选择适合的字符串截取方法，并注意处理特殊字符的情况，将有助于提高代码的可读性和维护性。