浅析JS中substring和substr的方法

在JavaScript中， substring 和 substr 是两个常用的字符串方法，用于截取字符串的一部分并返回。但是它们的不同之处在于它们的使用方式和截取字符串的方式。下面我们来浅析一下它们的使用方法及区别。

一、substring方法

1.1 方法定义

substring(startIndex, endIndex) 方法用于提取字符串中介于两个指定下标之间的字符。

1.2 参数说明

其参数 startIndex 和 endIndex 分别是两个用于指定子字符串的下标，返回的子字符串包括 startIndex 位置的字符，但不包括 endIndex 位置的字符。

1.3 示例说明

let s = 'hello world';
let sub1 = s.substring(0, 5);   // 返回字符串 'hello'
let sub2 = s.substring(6);      // 返回字符串 'world'

在上面的示例中，我们先定义了一个字符串 s，然后使用 substring 方法截取出了 s 中的两个子字符串。其中，第一个子字符串的起始下标是 0，结束下标是 5，返回字符串 hello；第二个子字符串的起始下标是 6，没有指定结束下标，因此会一直截取到字符串结束，返回字符串 world。

二、substr方法

2.1 方法定义

substr(startIndex, length) 方法用于从字符串中提取从指定位置开始的指定长度的字符。

2.2 参数说明

其参数 startIndex 是一个用于指定子字符串的开始下标，length 是一个可选参数，用于指定子字符串的长度。如果省略 length 参数，则子字符串会一直截取到字符串结束。

2.3 示例说明

let s = 'hello world';
let sub1 = s.substr(0, 5);     // 返回字符串 'hello'
let sub2 = s.substr(6);        // 返回字符串 'world'

在上面的示例中，我们先定义了一个字符串 s，然后使用 substr 方法截取了两个子字符串。其中，第一个子字符串的起始下标是 0，长度是 5，返回字符串 hello；第二个子字符串的起始下标是 6，没有指定长度参数，因此会一直截取到字符串结束，返回字符串 world。

三、两种方法的异同

在使用 substring 和 substr 方法时，需要注意到它们有一些区别：

• 参数个数不同：substring 方法需要传入两个参数，分别是 startIndex 和 endIndex，而 substr 方法只需要传入 startIndex 和 length 两个参数，其中 length 为可选参数。

• 两个参数含义不同：substring 方法的第二个参数代表的是截取子字符串的结束下标，而 substr 方法的第二个参数则代表的是截取的字符串长度。

• 参数负数处理不同：substring 方法对于负数参数会自动转为0，而 substr 方法则会将负数参数加上字符串的长度后再进行截取。

四、总结

在实际开发中，我们可以根据需要选择使用 substring 和 substr 方法，它们的区别虽然不大，但应用场景有所不同，根据业务需要选择正确的方法是很重要的。