JavaScript截取字符串的Slice、Substring、Substr函数详解和比较


Posted in Javascript onMarch 20, 2014

在JavaScript中,提取子字符串主要是通过 Slice、Substring、Substr 三个方法之一。

// slice 
// 语法: string.slice(start [, stop])
"Good news, everyone!".slice(5,9); 
// 'news'
// substring 
// 语法: string.substring(indexA [, indexB])
"Good news, everyone!".substring(5,9); 
// 'news'
// substr
// 语法: string.substr(start [, length])
"Good news, everyone!".substr(5,4); 
// 'news'

在三个方法之中输入一个  start 的索引参数,和一个可选的 end 索引( 或 length )参数。

但他们在一些重要的方面有所不同:
1.substr()方法从指定位置,提取指定数量的字符。
param: start 开始提取字符的位置索引,length 提取字符的数量长度。
return: 一个新的字符串。 从 start 处开始的 length 个字符。
在不同浏览器有不一致的表现,现代浏览器允许 start 索引参数为负数,来表示从字符串结尾处开始,提取字符的数量。但是在ie8及以下版本浏览器 start索引参数 最小从0开始计算。【 substr 为Web浏览器附加的ECMAScript特性,不建议使用时 start 索引为负值】

var str = "abcdefghij";
console.log("(1): "      + str.substr(1));     // (1): bcdefghij
console.log("(1,2): "    + str.substr(1,2));   // (1,2): bc
console.log("(-3): "     + str.substr(-3));    // (-3): hij
console.log("(-3,2): "   + str.substr(-3,2));  // (-3,2): hi
console.log("(20, 2): "  + str.substr(20,2));  // (20, 2):
console.log("(-20, 2): " + str.substr(-20,2)); // (-20, 2): ab
 
// ie8及以下
console.log("(-3): " + str.substr(-2)); // (-20, 2): hij
console.log("(-3, 2): " + str.substr(-2)); // (-20, 2): ab

2.substring() 方法用于提取字符串 一个index索引至另一个之间的子集, 或是直到字符串的结束。
param: indexA, indexB 两个参数取值范围为一个0 至 字符串长度之间的整数。
return: 返回一个新的字符串, 从小的索引开始 到 大的索引之间,包括小的索引位置字符,不包括大的索引位置字符。
substring 的参数是可反转的,它总是使用小的的参数值作为开始,大的参数值作为结束。 如果参数是小于0或NaN,它被看作是0,如果参数大于字符串的长度,被视为字符串的长度值.
// assumes a print function is defined
var anyString = "Mozilla";
// Displays "Moz"
console.log(anyString.substring(0,3));
console.log(anyString.substring(3,0));
// Displays "lla"
console.log(anyString.substring(4,7));
console.log(anyString.substring(7,4));
// Displays "Mozill"
console.log(anyString.substring(0,6));
// Displays "Mozilla"
console.log(anyString.substring(0,7));
console.log(anyString.substring(0,10));

3.slice 提取字符串的一部分。
param: beginSlice开始提取字符的位置索引,可以为负,如果为负值被视为(sourceLength-beginSlice),sourceLength是字符串的长度,即:从字符串的尾部开始算起的位置endSlice 结束提取的字符的位置索引。如果省略,提取到结束。如果为负值被视为(sourceLength-endSlice)。
return: 返回一个新的字符串,从 start 开始(包括 start)到 end 结束(不包括 end)为止的所有字符。
参数都可以为负,如果索引是负的,则从字符串的尾部开始算起。

var str1 = "The morning is upon us.";
console.log(str1.slice(4, -2));   //  morning is upon u
var str = "The morning is upon us.";
str.slice(-3);     // "us."
str.slice(-3, -1); // "us"
str.slice(0, -1);  // "The morning is upon us"
Javascript 相关文章推荐
看了就知道什么是JSON
Dec 09 Javascript
JavaScript定义类或函数的几种方式小结
Jan 09 Javascript
jquery判断浏览器类型的代码
Nov 05 Javascript
js+css实现导航效果实例
Feb 10 Javascript
javascript中DOM复选框选择用法实例
May 14 Javascript
JavaScript实现类似淘宝的购物车效果
Mar 16 Javascript
前端自动化开发之Node.js的环境搭建教程
Apr 01 Javascript
Node.js利用js-xlsx处理Excel文件的方法详解
Jul 05 Javascript
ionic 3.0+ 项目搭建运行环境的教程
Aug 09 Javascript
Bootstrap Table 删除和批量删除
Sep 22 Javascript
微信小程序使用image组件显示图片的方法【附源码下载】
Dec 08 Javascript
如何基于viewport vm适配移动端页面
Nov 13 Javascript
js拖拽一些常见的思路方法整理
Mar 19 #Javascript
使用jquery实现以post打开新窗口
Mar 19 #Javascript
jquery判断小数点两位和自动删除小数两位后的数字
Mar 19 #Javascript
改变隐藏的input中value值的方法
Mar 19 #Javascript
js获取url中的参数且参数为中文时通过js解码
Mar 19 #Javascript
JS 打印界面的CSS居中代码适用所有浏览器
Mar 19 #Javascript
兼容所有浏览器的js复制插件Zero使用介绍
Mar 19 #Javascript
You might like
一个典型的PHP分页实例代码分享
2011/07/28 PHP
php的urlencode()URL编码函数浅析
2011/08/09 PHP
由prototype_1.3.1进入javascript殿堂-类的初探
2006/11/06 Javascript
用jscript启动sqlserver
2007/06/21 Javascript
jquery select(列表)的操作(取值/赋值)
2009/08/06 Javascript
JS截取字符串常用方法详细整理
2013/10/28 Javascript
js对象转json数组的简单实现案例
2014/02/28 Javascript
JavaScript中的await/async的作用和用法
2016/10/31 Javascript
ES6中参数的默认值语法介绍
2017/05/03 Javascript
vue用addRoutes实现动态路由的示例
2017/09/15 Javascript
iframe高度自适应及隐藏滚动条的实例详解
2017/09/29 Javascript
AngularJs 终极购物车(实例讲解)
2017/11/08 Javascript
详解webpack4.x之搭建前端开发环境
2019/03/28 Javascript
JS中注入eval, Function等系统函数截获动态代码
2019/04/03 Javascript
彻底揭秘keep-alive原理(小结)
2019/05/05 Javascript
详解vue中移动端自适应方案
2019/05/05 Javascript
JS实现滑动导航效果
2020/01/14 Javascript
详解Vue3 Composition API中的提取和重用逻辑
2020/04/29 Javascript
python逐行读取文件内容的三种方法
2014/01/20 Python
Python随机生成彩票号码的方法
2015/03/05 Python
Python何时应该使用Lambda函数
2019/07/02 Python
centos7中安装python3.6.4的教程
2019/12/11 Python
Python基础之字符串常见操作经典实例详解
2020/02/26 Python
PyChon中关于Jekins的详细安装(推荐)
2020/12/28 Python
Timberland俄罗斯官方网上商店:全球领先的户外品牌
2020/03/15 全球购物
竞选卫生委员演讲稿
2014/04/28 职场文书
领导班子对照检查材料
2014/09/22 职场文书
2014年心理健康教育工作总结
2014/12/06 职场文书
担保书格式
2015/01/20 职场文书
初中生思想道德自我评价
2015/03/09 职场文书
2015年银行个人工作总结
2015/05/14 职场文书
中国合伙人观后感
2015/06/02 职场文书
小兵张嘎观后感300字
2015/06/03 职场文书
python实战之用emoji表情生成文字
2021/05/08 Python
粗暴解决CUDA out of memory的问题
2021/05/22 Python
Python实现提取PDF简历信息并存入Excel
2022/04/02 Python