一、作用
三者都是基于原字符串创建新字符串的方法。
接收一到两个参数,第一个参数截取字符串的开始位置(字符下标,从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()的区别的更多相关文章
-
js中substr,substring,slice。截取字符串的区别
substr(n1,n2) n1:起始位置(可以为负数) n2:截取长度(不可以为0,不可以为负数,可以为空) 当n1为正数时,从字符串的n1下标处截取字符串(起始位置),长度为n2. 当n1为负数时 ...
-
substr,substring,slice 的区别
javascript中的三个函数substr,substring,slice都可以用来提取字符串的某一部分(函数名称都是小写,不要写成subStr,subString又或者Substring,记住js ...
-
js中substr,substring,indexOf,lastIndexOf的用法小结
第一组:str.substr(start,length) 和 str.substring(start,end) 定义: str.substr(start,length) substr(start,le ...
-
js中substr,substring,indexOf,lastIndexOf等的用法
1.substrsubstr(start,length)表示从start位置开始,截取length长度的字符串. var src="images/off_1.png";alert( ...
-
js中substr,substring,indexOf,lastIndexOf,split 的用法
1.substr substr(start,length)表示从start位置开始,截取length长度的字符串. var src="images/off_1.png";alert ...
-
js中substr,substring,indexOf,lastIndexOf,split用法
1.substr substr(start,length)表示从start位置开始,截取length长度的字符串. var src="images/off_1.png"; aler ...
-
JS中substr与substring的区别
js中substr和substring都是截取字符串中子串,非常相近,可以有一个或两个参数. 语法:substr(start [,length]) 第一个字符的索引是0,start必选 length可 ...
-
js 字符串截取函数substr,substring,slice之间的差异
js 字符串的截取,主要有三个函数,一般使用三个函数:substr,substring,slice. 而这三个函数是不完全一样的,平时很难记住,在这里做下笔记,下次遇到的时候,直接从这里参考,调用合适 ...
-
JS中isPrototypeOf 和hasOwnProperty 的区别 ------- js使用in和hasOwnProperty获取对象属性的区别
JS中isPrototypeOf 和hasOwnProperty 的区别 1.isPrototypeOf isPrototypeOf是用来判断指定对象object1是否存在于另一个对象object2的 ...
随机推荐
-
Web应用程序系统的多用户权限控制设计及实现-登录模块【4】
通过前三个模块的介绍,把web权限系统开发所需要的基本类,Css文件,EasyUI框架等准备好后,就可以着手开始系统的编码了. 登陆模块是权限处理系统的关键,根据输入用户的的信息,可自动从数据库中加载 ...
-
ionic中的ion-content与ion-scroll
ion-content形成上下结构,上面固定,下层可滑动 首先要设置ion-content不可滑动:<ion-content class="has-subheader" sc ...
-
在 C# 中加载自己编写的动态链接库
一.发生的背景 在开发新项目中使用了新的语言开发 C# 和新的技术方案 WEB Service,但是在新项目中,一些旧的模块需要继续使用,一般是采用 C 或 C++ 或 Delphi 编写的,如 ...
-
SGU 171.Sarov zones
简单的贪心.优先weight最大的,优先匹配Q值大的地区 code #include <iostream> #include <algorithm> #include < ...
-
qt的安装及连接sql使用注意
qt安装与使用 今天写下qt使用的注意事项,qt-project.org上已经更新了qt5的相关库,但是建议不是很熟系qt的朋友,或者说想使用传统qt api而不是qml的朋友, 继续下载老版本4.8 ...
-
pomelo 安装 windows 下
最近一直在捣鼓这个东西,看着个的先记录下发帖时间, pomelo 现在最新版是2.0 的,和之前的版本的启动时有区别的(命令行)的,可以进pomelo官网去看下基本的信息, 在pomelo官方论坛上的 ...
-
SUSE12SP3-Mycat(3)Server.xml配置详解
简介 server.xml 几乎保存了所有 mycat 需要的系统配置信息.其在代码内直接的映射类为 SystemConfig 类. user 标签 <user name="test& ...
-
转:手把手教你如何玩转Solr(包含项目实战)
原文地址:手把手教你如何玩转Solr(包含项目实战) 参考原文
-
Linux用户及用户组管理命令
一,组操作 1.创建组 groupadd test 增加一个test组 2.修改组 groupmod -n test2 test 将test组的名子改成test2 3.删除组 groupdel ...
-
mapper.xml中的<;sql>;标签
原文链接:http://blog.csdn.net/a281246240/article/details/53445547 sql片段标签<sql>:通过该标签可定义能复用的sql语句片段 ...