Javascript slice、substring、substr区别_JavaScript教程_开发教程

在JavaScript String对象中，slice、substring两个函数提供了字符串的截取功能；substr函数提供了字符串的抽取功能。顾名思义，前二个函数在于截取字符串、后一个函数在于抽取字符串。

二.参数解析

对于大部分程序设计语言来说，截取字符串一般会提供至少一个起始字符索引位置和一个结束字符索引位置。计算机的索引一般都是以0开始的（数组的索引、集合的遍历等等）；抽取字符串更容易理解一些，通用的理解就是你给我一个起始位置，以及要抽取字符的个数，我就能给你抽取指定长度的字符串了。

三.函数对比

slice

substring

substr

功能

截取字符串中大于等于起始索引位置、

小于结束索引位置的字符

截取字符串中大于等于起始索引位置、

小于结束索引位置的字符

抽取字符串中大于等于起始索引位置、

指定长度的字符

参数

start

1.数据类型：整型；

2.参数含义：截取片断的起始索引位置（返回的新字符串中包含此索引位置）。

如果参数为负数，那么此索引位置从字符串尾部开始计算。

end

1.数据类型：整型；

2.参数含义：可选。截取片断的结束索引位置（返回的新字符串中不包含此索引位置）。

如果未指定此参数，那么默认截取至字符串末尾；

如果参数为负数，那么此索引位置从字符串尾部开始计算。

from

1.数据类型：非负整型；

2.参数含义：截取片断的起始索引位置（返回的新字符串中包含此索引位置）。

1.数据类型：非负整型；

2.参数含义：可选。截取片断的结束索引位置（返回的新字符串中不包含此索引位置）。

如果未指定此参数，那么默认截取至字符串末尾；

start

1.数据类型：整型；

2.参数含义：抽取片断的起始索引位置（返回的新字符串中包含此索引位置）。

如果参数为负数，那么此索引位置从字符串的尾部开始计算。

length

1.数据类型：非负整型；

2.参数含义：可选。抽取字符的个数。如果未指定此参数，那么默认抽取至字符串末尾。

返回值

返回被截取部分的一个新字符串

返回被抽取部分的一个新字符

四.示例演示

 1 var str = "abc lmx xyz";
 2 
 3 console.log("slice(2):", str.slice(2));
 4 console.log("slice(2,6):", str.slice(2, 6));
 5 console.log("slice(-2):", str.slice(-2));
 6 console.log("slice(-6,-2):", str.slice(-6, -2));
 7 //打印：slice(2): c lmx xyz
 8 //打印：slice(2,6): c lm
 9 //打印：slice(-2): yz
10 //打印：slice(-6,-2): mx x
11 
12 console.log("substring(2):", str.substring(2));
13 console.log("substring(2,6):", str.substring(2, 6));
14 //打印：substring(2): c lmx xyz
15 //打印：substring(2,6): c lm
16 
17 console.log("substr(2):", str.substr(2));
18 console.log("substr(2,3):", str.substr(2, 3));
19 console.log("substr(-2):", str.substr(-2));
20 console.log("substr(-6):", str.substr(-6, 5));
21 //打印：substr(2): c lmx xyz
22 //打印：substr(2,3): c l
23 //打印：substr(-2): yz
24 //打印：substr(-6): mx xy

(责任编辑：最模板)