slice,substr和substring的区别

本文详细介绍了JavaScript中三种常用的字符串操作方法:slice、substring 和 substr 的使用方式及其在不同情况下的表现,包括处理负数参数的情况。

首先,他们都接收两个参数,slice和substring接收的是起始位置和结束位置(不包括结束位置),而substr接收的则是起始位置和所要返回的字符串长度。直接看下面例子:

1 var test = ' hello world ' ;
2
3 alert(test.slice( 4 , 7 )); // o w
4   alert(test.substring( 4 , 7 )); // o w
5   alert(test.substr( 4 , 7 )); // o world

这里有个需要注意的地方就是:substring是以两个参数中较小一个作为起始位置,较大的参数作为结束位置。

如:

 

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

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

 

复制代码
1 var test = ' hello world ' ;
2
3 alert(test.slice( - 3 )); //rld
4 alert(test.substring( - 3 )); //hello world
5 alert(test.substr( - 3 )); //rld

6 alert(test.slice( 3 , - 4 )); //lo w
7 alert(test.substring( 3 , - 4 )); //hel
8 alert(test.substr( 3 , - 4 )); //空字符串
复制代码

 

 

1 注意:IE对substr接收负值的处理有错,它会返回原始字符串。

 

最后,没了。

转载于:https://www.cnblogs.com/chris-oil/archive/2013/02/28/2936277.html

### JavaScript 中 `substr` `substring` 方法的区别及用法 #### 定义与参数差异 `substr(startIndex, length)` 接受两个参数:起始索引要提取的字符数。如果长度为负数,则视为0。 `substring(startIndex, endIndex)` 同样接受两个参数,分别是起始索引结束索引(不包括该位置)。当这两个参数相等时,会返回空字符串[^1]。 #### 处理超出范围的情况 对于越界的处理方式不同: - 当 `startIndex` 或者 `endIndex` 超过字符串的最大长度时,`substring()` 函数不会抛出错误而是自动调整到最大可能的有效范围内并继续执行操作。 - 若 `substr()` 的第一个参数大于等于字符串长度或者第二个参数小于零的情况下,同样也会得到一个空串作为结果;但是它允许通过指定较大的正整数值来获取从给定起点直到字符串结尾的所有剩余部分。 #### 返回值特性 两者都会返回一个新的字符串副本而不改变原始对象的内容。不过需要注意的是,在某些旧版浏览器中可能存在性能上的细微差别,现代环境下这种差距几乎可以忽略不计。 ```javascript // 使用 substring 示例 const str = 'hello'; console.log(str.substring(2, 4)); // 输出 "ll" // 使用 substr 示例 console.log(str.substr(2, 3)); // 输出 "llo" ``` #### 浏览器兼容性标准支持情况 值得注意的一点是,尽管目前大多数主流浏览器都很好得实现了这两种方法的支持,但 W3C 已经声明不再推荐使用 `substr()`, 建议开发者优先考虑采用更直观易懂且跨平台表现一致性的 `slice()` 或者 `substring()` 来替代之。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值