JS截取字符串实例详解


Posted in Javascript onNovember 24, 2015

本文实例讲述了JS截取字符串的方法。分享给大家供大家参考,具体如下:

js截取字符串可使用 substring()或者slice()
 
函数:split()

功能:使用一个指定的分隔符把一个字符串分割存储到数组

例子:

str="jpg|bmp|gif|ico|png";
arr=theString.split("|");
//arr是一个包含字符值"jpg"、"bmp"、"gif"、"ico"和"png"的数组

函数:John()

功能:使用您选择的分隔符将一个数组合并为一个字符串

例子:

var delimitedString=myArray.join(delimiter);
var myList=new Array("jpg","bmp","gif","ico","png");
var portableList=myList.join("|");
//结果是jpg|bmp|gif|ico|png

函数:substring()

功能:字符串截取,比如想从"MinidxSearchEngine"中得到"Minidx"就要用到substring(0,6)
 
函数:indexOf()

功能:返回字符串中匹配子串的第一个字符的下标

var myString="JavaScript";
var w=myString.indexOf("v");w will be 2
var x=myString.indexOf("S");x will be 4
var y=myString.indexOf("Script");y will also be 4
var z=myString.indexOf("key");z will be -1

补充:JS截取字符串substr 和 substring方法的区别

substr 方法

返回一个从指定位置开始的指定长度的子字符串。

stringvar.substr(start [, length ])

参数:

stringvar 必选项。要提取子字符串的字符串文字或 String 对象。

start 必选项。所需的子字符串的起始位置。字符串中的第一个字符的索引为 0。

length 可选项。在返回的子字符串中应包括的字符个数。

说明

如果 length 为 0 或负数,将返回一个空字符串。如果没有指定该参数,则子字符串将延续到 stringvar 的最后。

示例

下面的示例演示了substr 方法的用法。

function SubstrDemo(){
  var s, ss;        // 声明变量。
  var s = "The rain in Spain falls mainly in the plain.";
  ss = s.substr(12, 5); // 获取子字符串。
  return(ss);        // 返回 "Spain"。
}

substring 方法

返回位于 String 对象中指定位置的子字符串。

strVariable.substring(start, end)
"String Literal".substring(start, end)

参数:

start 指明子字符串的起始位置,该索引从 0 开始起算。

end 指明子字符串的结束位置,该索引从 0 开始起算。

说明

substring 方法将返回一个包含从 start 到最后(不包含 end )的子字符串的字符串。

substring 方法使用 start 和 end 两者中的较小值作为子字符串的起始点。例如, strvar.substring(0, 3) 和 strvar.substring(3, 0) 将返回相同的子字符串。

如果 start 或 end 为 NaN 或者负数,那么将其替换为0。

子字符串的长度等于 start 和 end 之差的绝对值。例如,在 strvar.substring(0, 3) 和 strvar.substring(3, 0) 返回的子字符串的的长度是 3。

示例

下面的示例演示了 substring 方法的用法。

function SubstringDemo(){
  var ss; // 声明变量。
  var s = "The rain in Spain falls mainly in the plain..";
  ss = s.substring(12, 17); // 取子字符串。
  return(ss); // 返回子字符串。
}

希望本文所述对大家JavaScript程序设计有所帮助。

Javascript 相关文章推荐
原创javascript小游戏实现代码
Aug 19 Javascript
面向对象的Javascript之二(接口实现介绍)
Jan 27 Javascript
JavaScript图片轮播代码分享
Jul 31 Javascript
详解JavaScript正则表达式之RegExp对象
Dec 13 Javascript
原生JS实现首页进度加载动画
Sep 14 Javascript
js学习总结之DOM2兼容处理重复问题的解决方法
Jul 27 Javascript
JS数组操作之增删改查的简单实现
Aug 21 Javascript
vue2.0模拟锚点的实例
Mar 14 Javascript
Angular通过指令动态添加组件问题
Jul 09 Javascript
layui 表格的属性的显示转换方法
Aug 14 Javascript
详解VUE前端按钮权限控制
Apr 26 Javascript
JS使用正则表达式实现常用的表单验证功能分析
Apr 30 Javascript
超漂亮的jQuery图片轮播特效
Nov 24 #Javascript
jquery实现移动端点击图片查看大图特效
Sep 11 #Javascript
jquery解析json格式数据的方法(对象、字符串)
Nov 24 #Javascript
Bootstrap每天必学之按钮(一)
Nov 24 #Javascript
JavaScript DOM 学习总结(五)
Nov 24 #Javascript
jQuery解析json数据实例分析
Nov 24 #Javascript
全面解析Bootstrap表单使用方法(表单按钮)
Nov 24 #Javascript
You might like
深入解析PHP中的(伪)多线程与多进程
2013/07/01 PHP
浅谈PHP解析URL函数parse_url和parse_str
2014/11/11 PHP
CodeIgniter 完美解决URL含有中文字符串
2016/05/13 PHP
php array_values 返回数组的值实例详解
2016/11/17 PHP
PHP实现在对象之外访问其私有属性private及保护属性protected的方法
2017/11/20 PHP
tp5框架使用composer实现日志记录功能示例
2019/01/10 PHP
PHP const定义常量及global定义全局常量实例解析
2020/05/28 PHP
最简单的js图片切换效果实现代码
2011/09/24 Javascript
jQuery EasyUI API 中文文档 - Form表单
2011/10/06 Javascript
Ext JS添加子组件的误区探讨
2013/06/28 Javascript
使用jquery菜单插件HoverTree仿京东无限级菜单
2014/12/18 Javascript
Javascript无参数和有参数类继承问题解决方法
2015/03/02 Javascript
jQuery数据类型小结(14个)
2016/01/08 Javascript
关于vuejs中v-if和v-show的区别及v-show不起作用问题
2018/03/26 Javascript
jQuery实现图片下载代码
2019/07/18 jQuery
解决vue字符串换行问题(绝对管用)
2020/08/06 Javascript
[04:54]DOTA2-DPC中国联赛1月31日Recap集锦
2021/03/11 DOTA
11个并不被常用但对开发非常有帮助的Python库
2015/03/31 Python
仅用50行代码实现一个Python编写的计算器的教程
2015/04/17 Python
Python实现的生产者、消费者问题完整实例
2018/05/30 Python
Django安装配置mysql的方法步骤
2018/10/15 Python
python3编写ThinkPHP命令执行Getshell的方法
2019/02/26 Python
在Matplotlib图中插入LaTex公式实例
2020/04/17 Python
Tensorflow--取tensorf指定列的操作方式
2020/06/30 Python
SteelSeries赛睿官网:游戏外设和配件的领先制造商(耳机、键盘、鼠标和鼠标垫)
2018/06/17 全球购物
linux面试题参考答案(7)
2012/10/29 面试题
毕业自我鉴定书
2014/03/24 职场文书
大班开学家长寄语
2014/04/04 职场文书
学生保证书范文
2014/04/28 职场文书
高中课程设置方案
2014/05/28 职场文书
普通话宣传标语
2014/06/26 职场文书
环境科学专业教师求职信
2014/07/12 职场文书
党的群众路线对照检查材料思想汇报
2014/09/25 职场文书
人事聘任通知
2015/04/21 职场文书
《曹冲称象》教学反思
2016/02/20 职场文书
MySQL之PXC集群搭建的方法步骤
2021/05/25 MySQL