JavaScript中substring与substr截取字符串的区别

substring函数用法

首先介绍substring函数的基本用法。

一、substring

该函数至少需要传入一个参数，用于指定字符串的起始索引位置；第二个参数为可选参数，用于指定截取的结束索引位置。

当仅传入一个参数时：

<meta charset="UTF-8" />
<script type='text/javascript'>
/**
* substring函数使用DEMO
 */
var str = '欢迎各位童鞋到本站做客';
var sub = str.substring(3);
alert(sub); // out : 位童鞋到本站做客
</script>

当传入两个参数时：

<meta charset="UTF-8" />
<script type='text/javascript'>
/**
* substring函数使用DEMO
 */
var str = '欢迎各位童鞋到本站做客';
var sub = str.substring(3,11);
alert(sub); // out : 位童鞋到本站
</script>

substr函数用法

二、substr

substr函数同样至少需要一个参数，第一个参数指定起始索引位置，第二个参数为可选参数，用于指定截取的字符长度。

当仅传入一个参数时：

<meta charset="UTF-8" />
<script type='text/javascript'>
/**
* substring函数使用DEMO
 */
var str = '欢迎各位童鞋到本站做客';
var sub = str.substr(3);
alert(sub); // out : 位童鞋到本站做客
</script>

当传入两个参数时：

<meta charset="UTF-8" />
<script type='text/javascript'>
/**
* substring函数使用DEMO
 */
var str = '欢迎各位童鞋到本站做客';
var sub = str.substr(3,2);
alert(sub); // out : 位童
</script>

通过上述示例对比可知，当仅使用一个参数时，substring与substr的截取结果相同；两者的核心区别在于第二个参数的含义：substring的第二个参数表示结束位置，而substr的第二个参数表示截取长度。