slice,substr和substring的区别

1. 相同点

他们都接收两个参数 , 第二个参数都是可选的, 如果忽略, 返回从 第一个参数 的开始位置到字符串的结尾

slice substring 接收的是 起始位置结束位置(不包括结束位置),

substr 接收的则是 起始位置所要返回的字符串长度

 

var str = 'helloworld';
 
alert(str.slice(4,7));             //owo 
alert(str.substring(4,7));         //owo
alert(str.substr(4,7));            //oworld

 

2. 不同点

    1)  substring() 的两个参数要求是非负整数,  另外它是以两个参数中较小一个作为起始位置,较大的参数作为结束位置

alert(str.substring(7,4));          //owo

       若果一个参数是负数, 他会默认这个参数为 0 

alert(str.substring(-5,4));          //hell

    2)  substr() 第一个参数可以是负数 , 如果是负数,那么该参数声明从字符串的尾部开始算起的位置。也就是说,-1 指字符串中最后一个字符,-2 指倒数第二个字符,以此类推。

alert(str.substr(-1));          //d
alert(str.substr(-2,1));        //l

    3)   slice() 上面的两个方法只能截取字符串,  slice()可以截取数组和字符串

         slice() 和 substring() 的区别, slice() 不会以较小的参数作为初始位置, 而是默认第一个参数作为初始位置

alert(str.slice(7,4));        //"" ,空字符
alert(str.slice(7));          //rld

         slice() 两个参数可以为负数, 都是表示从末尾开始算起的位置

alert(str.slice(-1));            //d
alert(str.slice(-2,-1));         //l
alert(str.slice(-2,-2));         //""

          slice() 可以截取数组,  用法和上面一样

[1,2,3,4].slice(-2,-1)  // [3]
[1,2,3,4].slice(1,-1)  // [2,3]
[1,2,3,4].slice(1)  // [2,3,4]

 

3 . 总结

 slice,substr和substring都可以截取字符串(slice字符串和数组),

 slice,和substring 第二个参数是结束位置, substr第二个参数是截取长度

 具体的细节,见1,2 

### 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
发出的红包

打赏作者

懂懂kkw

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值