js 字符串截取slice,substr,substring

一、js 字符串截取slice,substr,substring

掌握JavaScript中的字符串截取利器：slice(), substr(), substring()

在JavaScript编程中，字符串处理是不可或缺的一部分。当你需要从一个字符串中提取特定部分时，slice(), substr(),和 substring()这三大方法就能派上用场。它们各有特点，下面让我们逐一解析。

1. slice()函数：灵活的截取工具</

slice()方法是JavaScript的多功能截取函数，它可以截取字符串，甚至对数组进行操作。它接收两个参数:

start</:起始下标，包含该位置的字符，如果为负数，从字符串尾部开始计算。

end</:结束下标（非包含），不包含该位置的字符，同样，负数用于尾部计算。

例如，stringObject.slice(0, 5)</将截取从索引0开始到索引5（不包括5）的子串。

2. substr()函数：精确长度截取</

substr()方法则专注于截取指定长度的字符串，其参数如下：

start</:起始下标，包含该位置的字符，负数处理方式与slice()相同。

length</:截取的字符长度，必须是正整数。

比如，stringObject.substr(3, 4)</将截取从索引3开始，长度为4的子串。

3. substring()函数：明确指定范围</

substring()方法与slice()类似，但对负数处理方式稍有不同，负数默认从索引0开始。其参数如下：

start</:起始下标，子串的第一个字符位置。

end(可选)</:结束下标（非包含），省略则截取到字符串结尾。

比如，stringObject.substring(2)</将截取从索引2开始到字符串结尾的子串。

总结起来，slice()的灵活性在于负数和数组支持，substr()提供精确长度截取，而substring()则明确指定截取范围。根据具体需求，选择合适的方法，能让字符串操作变得更加精准和高效。

二、JS字符串截取函数slice(),substring(),substr()的区别

1、在JavaScript中，slice(), substring(),和 substr()这三个字符串截取函数虽然功能类似，但各自有独特的用法和适用场景。下面我们将详细解析它们的区别。

2、首先，substring()方法从给定的两个索引之间截取字符串，语法形式如下：

3、它接受两个参数：开始索引（包含）和结束索引（不包含）。

4、需要注意的是，如果开始索引大于结束索引，函数会反向截取。

5、相比之下，substr()方法截取从指定位置开始并包括指定长度的字符，语法为：

6、它需要两个参数：起始索引和字符数（默认截取到字符串末尾）。

7、不支持负数起始索引，但有兼容性代码可解决此问题。

8、slice()方法与 substring()类似，也是基于两个索引，但有一个额外的特性：它可以处理负数索引，表示从字符串末尾开始计数。语法如下：

9、它同样接受开始和结束索引，但对负数处理不同。

10、示例代码展示了slice()的灵活运用。

11、总结来说，substring()更适合常规的区间截取，substr()强调从指定位置和长度的截取，而 slice()则提供了负数索引的便捷性。在实际编程中，根据需求选择合适的函数将有助于提高代码的清晰度和效率。

三、js中常见切割截取字符串的几种方法小结

1、在JavaScript中，处理字符串时常用的几种方法包括split()、slice()、substring()、join()和charAt()。split()方法用于将一个字符串分割成字符串数组，例如：var str="123,456,789"; console.log(str.split(''));// ["1","2","3",",","4","5","6",",","7","8","9"]；split(',')则返回["123","456","789"]。需要注意的是，如果str为空字符串，那么stringObject中的每个字符之间都会被分割。

2、slicing字符串可通过slice()方法实现。第一个参数是必须的，指定开始位置；第二个参数是可选的，指定结束位置。若第二个参数为负数，则表示从原数组的倒数第几个元素结束抽取。例如：[1,2,3,4].slice(0, 3)返回[1,2,3]；var str="123,456,789"; console.log(str.slice(2,6));// 3,45；console.log(str.slice(-6,-2));// 56,78；console.log(str.slice(2));// 3,456,789；console.log(str.slice(-6));// 56,789

3、要从字符串中提取特定区间内的字符，则可使用substring()方法。其语法为：string.substring(from, to)。from参数是必须的，to参数是可选的，to的值必须比from大1。例如：var str="123,456,789"; console.log(str.substring(2,6));// 3,45；console.log(str.substring(2));// 3,456,789；console.log(str.substring(6,2));// 3,45；console.log(str.substring(-6,-2));

4、如果需要将数组中的所有元素转换成一个字符串，可以使用join()方法。例如：var str= [123,456,789]; console.log(str.join(''));// 123456789；console.log(str.join(','));// 123,456,789

5、charAt()方法用于返回指定位置的字符。例如：string.charAt(index)，index表示字符串中某个位置的数字。这对于自己开发中遇到的问题非常有用，随时可以查看示例来理解。