js中 substr(), substring(), slice()的区别

时间:2022-08-31 13:45:20

一、作用

  三者都是基于原字符串创建新字符串的方法。

  接收一到两个参数,第一个参数截取字符串的开始位置(字符下标,从0开始),第二个参数因方法不同而不同,后面不同点会说到。

  另外,三个方法都不会修改原字符串的值。

二、相同点

  • 都可以传入一个或两个参数
  • 只传入一个参数时,都表示从指定下标,截取字符串长度,直到字符串最后一个字符
var str = 'hello sarahshine!';

console.log(str.slice(3));          // 'lo sarahshine!'
console.log(str.substring(3)); // 'lo sarahshine!'
console.log(str.subtr(3)); // 'lo sarahshine!'

三、不同点

2.1   传入两个参数时,第二个参数代表的意义不同

  • slice ( ) 和 substring ( ) 的第二个参数,都表示截取字符串的结束位置
  • substr ( ) 的第二个参数代表的是,要截取的字符串位数
var str = 'hello sarahshine!';

console.log(str.slice(3,7));           // 'lo s'
console.log(str.substring(3,7)); // 'lo s'
console.log(str.substr(3,7)); // 'lo sara'

2.2  传入的参数是负数

  • slice ( )  会把所有的负数参数加上字符串的长度值,如:str.slice(-3)   相当于 str.slice(14)
  • substring ( ) 会把所有的负数参数都转为0
  • substr ( ) 会把第一个参数的负值加上字符串的长度值,第二个参数的负值转为0   (毕竟第二个参数是要截取的字符串长度,总不能为负数吧)
var str = 'hello sarahshine!';  //length = 17

//只传入一个负数
console.log(str.slice(-3)); // 'ne!' 相当于str.slice(14)
console.log(str.substring(-3)); // 'hello sarahshine!' 相当于str.substring(0)
console.log(str.substr(-3)); // 'ne!' 相当于str.substr(14) //传入两个负数
console.log(str.slice(-3, -1)); // 'ne' 相当于str.slice(14,16)
console.log(str.substring(-3, -1)); // '' 相当于str.substring(0,0)
console.log(str.substr(-3, -1)); // '' 相当于str.substr(14,0) //传入一正一负
console.log(str.slice(3, -4)); // 'lo sarahsh' 相当于str.slice(3,13)
console.log(str.substring(3, -4)); // 'hel' 相当于str.substring(3,0) 即(0,3)
console.log(str.substr(3, -4)); // '' 相当于str.substr(3,0)

以上都出自《javascript高级程序设计》

js中 substr(), substring(), slice()的区别的更多相关文章

  1. js中substr,substring,slice。截取字符串的区别

    substr(n1,n2) n1:起始位置(可以为负数) n2:截取长度(不可以为0,不可以为负数,可以为空) 当n1为正数时,从字符串的n1下标处截取字符串(起始位置),长度为n2. 当n1为负数时 ...

  2. substr,substring,slice 的区别

    javascript中的三个函数substr,substring,slice都可以用来提取字符串的某一部分(函数名称都是小写,不要写成subStr,subString又或者Substring,记住js ...

  3. js中substr,substring,indexOf,lastIndexOf的用法小结

    第一组:str.substr(start,length) 和 str.substring(start,end) 定义: str.substr(start,length) substr(start,le ...

  4. js中substr,substring,indexOf,lastIndexOf等的用法

    1.substrsubstr(start,length)表示从start位置开始,截取length长度的字符串. var src="images/off_1.png";alert( ...

  5. js中substr,substring,indexOf,lastIndexOf,split 的用法

    1.substr substr(start,length)表示从start位置开始,截取length长度的字符串. var src="images/off_1.png";alert ...

  6. js中substr,substring,indexOf,lastIndexOf,split用法

    1.substr substr(start,length)表示从start位置开始,截取length长度的字符串. var src="images/off_1.png"; aler ...

  7. JS中substr与substring的区别

    js中substr和substring都是截取字符串中子串,非常相近,可以有一个或两个参数. 语法:substr(start [,length]) 第一个字符的索引是0,start必选 length可 ...

  8. js 字符串截取函数substr,substring,slice之间的差异

    js 字符串的截取,主要有三个函数,一般使用三个函数:substr,substring,slice. 而这三个函数是不完全一样的,平时很难记住,在这里做下笔记,下次遇到的时候,直接从这里参考,调用合适 ...

  9. JS中isPrototypeOf 和hasOwnProperty 的区别 ------- js使用in和hasOwnProperty获取对象属性的区别

    JS中isPrototypeOf 和hasOwnProperty 的区别 1.isPrototypeOf isPrototypeOf是用来判断指定对象object1是否存在于另一个对象object2的 ...

随机推荐

  1. Web应用程序系统的多用户权限控制设计及实现-登录模块【4】

    通过前三个模块的介绍,把web权限系统开发所需要的基本类,Css文件,EasyUI框架等准备好后,就可以着手开始系统的编码了. 登陆模块是权限处理系统的关键,根据输入用户的的信息,可自动从数据库中加载 ...

  2. ionic中的ion-content与ion-scroll

    ion-content形成上下结构,上面固定,下层可滑动 首先要设置ion-content不可滑动:<ion-content class="has-subheader" sc ...

  3. 在 C&num; 中加载自己编写的动态链接库

    一.发生的背景    在开发新项目中使用了新的语言开发 C# 和新的技术方案 WEB Service,但是在新项目中,一些旧的模块需要继续使用,一般是采用 C 或 C++ 或 Delphi 编写的,如 ...

  4. SGU 171&period;Sarov zones

    简单的贪心.优先weight最大的,优先匹配Q值大的地区 code #include <iostream> #include <algorithm> #include < ...

  5. qt的安装及连接sql使用注意

    qt安装与使用 今天写下qt使用的注意事项,qt-project.org上已经更新了qt5的相关库,但是建议不是很熟系qt的朋友,或者说想使用传统qt api而不是qml的朋友, 继续下载老版本4.8 ...

  6. pomelo 安装 windows 下

    最近一直在捣鼓这个东西,看着个的先记录下发帖时间, pomelo 现在最新版是2.0 的,和之前的版本的启动时有区别的(命令行)的,可以进pomelo官网去看下基本的信息, 在pomelo官方论坛上的 ...

  7. SUSE12SP3-Mycat&lpar;3&rpar;Server&period;xml配置详解

    简介 server.xml 几乎保存了所有 mycat 需要的系统配置信息.其在代码内直接的映射类为 SystemConfig 类. user 标签 <user name="test& ...

  8. 转:手把手教你如何玩转Solr(包含项目实战)

    原文地址:手把手教你如何玩转Solr(包含项目实战) 参考原文

  9. Linux用户及用户组管理命令

    一,组操作 1.创建组 groupadd  test 增加一个test组 2.修改组 groupmod -n test2  test 将test组的名子改成test2  3.删除组 groupdel ...

  10. mapper&period;xml中的&lt&semi;sql&gt&semi;标签

    原文链接:http://blog.csdn.net/a281246240/article/details/53445547 sql片段标签<sql>:通过该标签可定义能复用的sql语句片段 ...