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 相关文章推荐
TinyMCE 新增本地图片上传功能
Nov 05 Javascript
框架页面高度自动刷新的Javascript脚本
Nov 01 Javascript
JavaScript 32位整型无符号操作示例
Dec 08 Javascript
jquery dialog open后,服务器端控件失效的快速解决方法
Dec 19 Javascript
jQuery操作表单常用控件方法小结
Mar 23 Javascript
浅谈$(document)和$(window)的区别
Jul 15 Javascript
Javascript的表单验证长度
Mar 16 Javascript
jquery做个日期选择适用于手机端示例
Jan 10 Javascript
详解VUE的状态控制与延时加载刷新
Mar 27 Javascript
Form表单上传文件(type="file")的使用
Aug 03 Javascript
node和vue实现商城用户地址模块
Dec 05 Javascript
vue通过v-html指令渲染的富文本无法修改样式的解决方案
May 20 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
常用星际术语索引(新手指南)
2020/03/04 星际争霸
Thinkphp+smarty+uploadify实现无刷新上传
2015/07/30 PHP
js模拟实现Array的sort方法
2007/12/11 Javascript
基于jQuery试卷自动排版系统
2010/07/18 Javascript
js中 关于undefined和null的区别介绍
2013/04/16 Javascript
解决Jquery向页面append新元素之后事件的绑定问题
2015/03/16 Javascript
Javascript节点关系实例分析
2015/05/15 Javascript
Bootstrap jquery.twbsPagination.js动态页码分页实例代码
2017/02/20 Javascript
Javascript实现一个简单的输入关键字添加标签效果实例
2017/06/01 Javascript
Vue.js 的移动端组件库mint-ui实现无限滚动加载更多的方法
2017/12/23 Javascript
重学JS 系列:聊聊继承(推荐)
2019/04/11 Javascript
NodeJs实现简易WEB上传下载服务器
2019/08/10 NodeJs
Js逆向实现滑动验证码图片还原的示例代码
2020/03/10 Javascript
openlayers 3实现车辆轨迹回放
2020/09/24 Javascript
[49:41]NB vs NAVI Supermajor小组赛A组 BO3 第一场 6.2
2018/06/03 DOTA
[00:31]DOTA2荣耀之路7:Miracle-空血无敌斩
2018/05/31 DOTA
12步入门Python中的decorator装饰器使用方法
2016/06/20 Python
查看django版本的方法分享
2018/05/14 Python
Python3爬虫爬取英雄联盟高清桌面壁纸功能示例【基于Scrapy框架】
2018/12/05 Python
华为校园招聘上机笔试题 扑克牌大小(python)
2020/04/22 Python
python return逻辑判断表达式实现解析
2019/12/02 Python
Django自带的加密算法及加密模块详解
2019/12/03 Python
Django实现将views.py中的数据传递到前端html页面,并展示
2020/03/16 Python
新西兰购物网站:TheMarket NZ
2020/09/19 全球购物
项目经理的岗位职责
2013/11/23 职场文书
毕业生自我鉴定实例
2014/01/21 职场文书
迅雷Cued工作心得体会
2014/01/27 职场文书
九年级化学教学反思
2014/01/28 职场文书
应聘护理专业毕业自荐书范文
2014/02/12 职场文书
党员党性分析材料
2014/02/17 职场文书
三爱活动实施方案
2014/03/19 职场文书
5.12护士节活动总结
2015/02/10 职场文书
同事打架检讨书
2015/05/06 职场文书
幼儿教师远程研修感悟
2015/11/18 职场文书
2016年小学生迎国庆广播稿
2015/12/18 职场文书
Python下载商品数据并连接数据库且保存数据
2022/03/31 Python