javascript slice substr substring,slice,splice,split中操作

本文详细对比了JavaScript中slice、substr和substring三个字符串方法的特点及适用场景,并解释了它们之间的主要区别。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

javascript 中slice,substr,substring方法的对比

阅读目录

实际开发过程中,字符串是一种最常用的一种数据类型,而在程序中对字符串的操作也是十分繁琐,javascript中就提供了很多字符串相关的方法,然而由于方法过多,很多方法功能有交叉,参数有雷同,容易使用混淆而难以选择。哈哈,你有没有遇到类似的情况。为了以后使用时能顺手拈来,赶快来一起总结一下吧!

javascript有三种取子字符串的方法 slice, substr, substring它们各有千秋,那么何时使用哪个方法比较快捷高效呢,我们就来回忆一下它们各自的用法吧。

回到顶部

1.slice——提取字符串的片断,并在新的字符串中返回被提取的部分。

  1)语法:stringObject.slice(start[,end])

  2)参数:①start必需,正数表示字符串起始下标,负数表示从目标字符串的尾部算起。 

               ②end可选参数,省略时默认表示从start开始到目标字符串的尾部,为负数表示从目标字符串的尾部算起。

  3)返回值:一个新的字符串。包括字符串 stringObject 从 start 开始(包括 start)到 end 结束(不包括 end)为止的所有字符。

 

回到顶部

2.substr——在字符串中抽取从下标开始的指定数目的字符。

    1)语法:stringObject.substr(start[,length])

  2)参数:①start必需,正数表示字符串起始下标,负数表示从目标字符串的尾部算起。

                ②length可选参数,省略时默认表示从start开始到目标字符串的尾部。

 

  3)返回值:一个新的字符串,包含从 stringObject 的 start(包括 start 所指的字符) 处开始的 length 个字符。如果没有指定 length,那么返回的字符串包含  从 start 到 stringObject 的结尾的字符。

  注:ECMAscript 没有对该方法进行标准化,因此反对使用它。

  总结: slice() 和 substr() 方法不同的是,substring() 不接受负的参数。

 

回到顶部

3.substring ——提取字符串中介于两个指定下标之间的字符。

  1)语法:stringObject.substring(start[,stop])

  2)参数:①必需。一个非负的整数,规定要提取的子串的第一个字符在 stringObject 中的位置。

        ②可选。一个非负的整数,比要提取的子串的最后一个字符在 stringObject 中的位置多 1。

        如果省略该参数,那么返回的子串会一直到字符串的结尾。

  注意:①如果参数 start 与 stop 相等,那么该方法返回的就是一个空串(即长度为 0 的字符串)。

     ②如果 start 比 stop 大,那么该方法在提取子串之前会先交换这两个参数。

  3)返回值:一个新的字符串,该字符串值包含 stringObject 的一个子字符串,其内容是从 start 处到 stop-1 处的所有字符,其长度为 stop 减start

  

回到顶部

总结

:与 slice() 和 substr() 方法不同的是,substring() 不接受负的参数。

回到顶部

整理如下:

方法strObj.slice(start[,end])strObj.substr(start[,length])strObj.substring(start[,stop])
第1个参数正数表示字符串起始下标,负数表示从目标字符串的尾部算起。一个非负的整数。
必需。表示字符串的起始位置。
第2个参数正数表示字符串起始下标,负数表示从目标字符串的尾部算起。一个非负的整数。
可选。
第1个参数为负数从字符串末尾计算位置视为0
第2个参数为负数从字符串末尾计算位置视为长度0,返回空字符串交换参数,负数视为0
第1个参数大于第2个参数返回空字符串从第一个参数开始截取长度为第二个参数的字符串交换参数再进行截取

回到顶部

综上可以总结三者有如下区别:

  1.第2个参数。slice,substring中表示字符串的结束位置,substr中表示长度。

  2.参数可否为负数。slice方法比较灵活两个参数都可以为负数,substr只有第一个参数可以为负数,substring两个参数都为非负数。

  3.第1个参数大于第2个参数时。substring比较灵活,回交换参数位置,substr第二个参数是长度故不受影响,slice开始位置在结束位置后面则返回空字符串。

注意:负数表示从字符串末尾开始计算,例如:-1表示字符串最后一个字符,-2表示字符串倒数第二个字符;

    在IE下可能并不支持负数从末尾开始计算的方式。

 

javascript 中slice,splicesplit方法的对比

不知道大家对slice,splice,splite是肿么样的感觉,反正我刚接触到这三个函数的时候整个人都懵了,因为一个个长的跟孪生兄弟似的,每次用的时候都会混,于是决定记下来,也给大家当个参考吧。

  1. slice  :

    定义:接收一个或两个参数,它可以创建一个由当前数组中的一项或多项组成的新数组,注意是新数组哦~ 也就是说它不会修改原来数组的值。 

     用法:slice( para1 ),会截取从para1开始的到原数组最后的部分;

        slice(para1,para2)会截取原数组的从para1开始的para2-para1个数组。 

     注意:当两个参数中存在负数时,用原数组的长度加上两个负数的参数作为相应的参数来计算。

 

  2.  splice  :

       定义:强大的数组操作方法

用法 : splice( para1,para2 ) : 删除数组中任意数量的项,从para1开始的para2项。注意的是用splice删除数组中的值会直接将某几项从数组中完全删除,会导致数组length值的改变,这与delete的删除置为undefined是不一样的。

 splice( para1,para2,val1,val2… ):项数组中添加和删除项,para1表示可以添加的项数,para2表示删除的项数,后面的变量表示要添加的项的值,注 意是从para1之后开始删除和添加的。

    注意 : 参数为负数的问题,如果para1为负数,则会加上数组的长度作为para1的值,而para2为负数或0的话不会执行删除操作。

 

  3.split : 根据特定的字符切割字符串并且返回生成的数组。

                   例如 : str = “s-aaa-sss-eee-www”;

                            targetArr = str.slite(“-”);    //[‘s’,’aaa’,’sss’,’eee’,’www’]

 

  现在看看其实这三位长相相近的函数都是与数组有关的,不过各自的功能还是有很大差异的~有了它们就方便我们的数组操作了。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值