字符串截取slice substring substr的区别

迈不过友情╰ 2021-09-02 08:38 397阅读 0赞

**slice() ****定义和用法**

slice() 方法可从已有的数组中返回选定的元素。

string.slice(start, end)提取一个字符串

string.substring(start, end)提取一个字符串,end不支持负数  
string.substr(start, len)提取一个长度为len的字符串

1、slice和substring接收的是起始位置和结束位置(不包括结束位置)，而substr接收的则是起始位置和所要返回的字符串长度。直接看下面例子：

var test = 'hello world';

alert(test.slice(4,7));             //o w

alert(test.substring(4,7));         //o w

alert(test.substr(4,7));            //o world

2、substring是以两个参数中较小一个作为起始位置，较大的参数作为结束位置。如：

alert(test.substring(7,4)); //o w

3、当接收的参数是负数时，slice会将它字符串的长度与对应的负数相加，结果作为参数；substr则仅仅是将第一个参数与字符串长度相加后的结果作为第一个参数；substring则干脆将负参数都直接转换为0。测试代码如下：

var test = 'hello world';

alert(test.slice(-3));         //rld

alert(test.substring(-3));     //hello world

alert(test.substr(-3));        //rld

alert(test.slice(3,-4));       //lo w

alert(test.substring(3,-4));   //hel

alert(test.substr(3,-4));      //空字符串

附加说明：

## **定义和用法** ##

slice() 方法可从已有的数组中返回选定的元素。

### **语法** ###

arrayObject.slice(start,end)

<table> 
 <tbody> 
  <tr> 
   <td> <p><strong>参数</strong></p> </td> 
   <td> <p><strong>描述</strong></p> </td> 
  </tr> 
  <tr> 
   <td> <p>start</p> </td> 
   <td> <p>必需。规定从何处开始选取。如果是负数，那么它规定从数组尾部开始算起的位置。也就是说，-1指最后一个元素，-2指倒数第二个元素，以此类推。</p> </td> 
  </tr> 
  <tr> 
   <td> <p>end</p> </td> 
   <td> <p>可选。规定从何处结束选取。该参数是数组片断结束处的数组下标。如果没有指定该参数，那么切分的数组包含从 start 到数组结束的所有元素。如果这个参数是负数，那么它规定的是从数组尾部开始算起的元素。</p> </td> 
  </tr> 
 </tbody> 
</table>

### **返回值** ###

返回一个新的数组，包含从 start到 end （不包括该元素）的 arrayObject中的元素。

### **说明** ###

请注意，该方法并不会修改数组，而是返回一个子数组。如果想删除数组中的一段元素，应该使用方法 Array.splice()。

## **提示和注释** ##

**注释：**您可使用负值从数组的尾部选取元素。

**注释：**如果 end未被规定，那么 slice()方法会选取从 start到数组结尾的所有元素。

## **实例** ##

### **例子 1** ###

在本例中，我们将创建一个新数组，然后显示从其中选取的元素：

<script type="text/javascript">

var arr = new Array(3)

arr\[0\] = "George"

arr\[1\] = "John"

arr\[2\] = "Thomas"

document.write(arr + "<br />")

document.write(arr.slice(1) + "<br />")

document.write(arr)

</script>

输出：

George,John,Thomas

John,Thomas

George,John,Thomas

### **例子 2** ###

在本例中，我们将创建一个新数组，然后显示从其中选取的元素：

<script type="text/javascript">

var arr = new Array(6)

arr\[0\] = "George"

arr\[1\] = "John"

arr\[2\] = "Thomas"

arr\[3\] = "James"

arr\[4\] = "Adrew"

arr\[5\] = "Martin"

document.write(arr + "<br />")

document.write(arr.slice(2,4) + "<br />")

document.write(arr)

</script>

输出：

George,John,Thomas,James,Adrew,Martin

Thomas,James

George,John,Thomas,James,Adrew,Martin

发表评论取消回复

表情：

评论列表（有 0 条评论，397人围观）

还没有评论，来说两句吧...

相关阅读

相关 js字符串截取函数slice()、substring()、substr() 。

在js中字符截取函数有常用的三个slice()、substring()、substr()了，下面我来给大家介绍slice()、substring()、substr()函数在字符

野性酷女/ 2024年02月18日 19:37/ 0 赞/ 6 阅读

相关详解slice，substring，substr的区别

slice,substring和substr的区别都接收两个参数，slice和substring接收的是起始位置和结束位置(不包括结束位置)，而substr接收的

╰半夏微凉°/ 2022年12月01日 05:29/ 0 赞/ 131 阅读

相关 js 截取字符串 substring & substr

1.substring(startIndex \[,endIndex \] ) 用于提取字符串中介于两个指定下标之间（之间是包括起始，不包括结尾）的字符 endInd

比眉伴天荒/ 2022年09月25日 04:19/ 0 赞/ 198 阅读

相关 js字符串截取函数slice()、substring()、substr()

js字符串截取函数slice()、substring()、substr() 摘要在js中字符截取函数有常用的三个slice()、substring()、sub

约定不等于承诺〃/ 2022年09月24日 05:18/ 0 赞/ 220 阅读

相关 JS截取字符串substr和substring方法的区别

substr方法 stringvar.substr(start, length); stringvar 必选项，要提取字符串的字符串文字或String对象。 star

╰+攻爆jí腚メ/ 2022年07月29日 11:50/ 0 赞/ 180 阅读

相关 js字符串截取函数slice()、substring()、substr()

在js中字符截取函数有常用的三个slice()、substring()、substr()了，下面我来给大家介绍slice()、substring()、substr()函数在字符

r囧r小猫/ 2022年06月01日 12:26/ 0 赞/ 258 阅读

相关 js字符串截取函数slice()、substring()、substr()

> 在js中字符截取函数有常用的三个slice()、substring()、substr()了，下面我来给大家介绍slice()、substring()、substr()函数在

男娘i/ 2022年05月15日 02:50/ 0 赞/ 301 阅读

相关 JS字符串截取常用方法，substr，substring和slice的区别

JS字符串截取常用方法，substr，substring和slice的区别 JS截取字符串可使用 substring()或者slice() 函数：substring

忘是亡心i/ 2021年11月11日 21:01/ 0 赞/ 324 阅读

相关 slice,substr和substring的区别

1. 相同点他们都接收两个参数 , 第二个参数都是可选的, 如果忽略, 返回从第一个参数的开始位置到字符串的结尾 slice 和 substring 接收的是起

╰半橙微兮°/ 2021年09月18日 20:32/ 0 赞/ 319 阅读

相关字符串截取slice substring substr的区别

slice() 定义和用法 slice() 方法可从已有的数组中返回选定的元素。 string.slice(start, end)提取一个字符串 string.su

迈不过友情╰/ 2021年09月02日 08:38/ 0 赞/ 398 阅读