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 相关文章推荐
jQuery内部原理和实现方式浅析
Feb 03 Javascript
JavaScript编程学习技巧汇总
Feb 21 Javascript
使用jquery.qrcode.min.js实现中文转化二维码
Mar 11 Javascript
关于网页中的无缝滚动的js代码
Jun 09 Javascript
Ubuntu系统下Angularjs开发环境安装
Sep 01 Javascript
Node连接mysql数据库方法介绍
Feb 07 Javascript
Angular 4依赖注入学习教程之FactoryProvider配置依赖对象(五)
Jun 04 Javascript
微信小程序冒泡事件及其阻止方法实例分析
Dec 06 Javascript
JavaScript 判断iPhone X Series机型的方法
Jan 28 Javascript
微信小程序遍历Echarts图表实现多个饼图
Apr 25 Javascript
js判断复选框是否选中的方法示例【基于jQuery】
Oct 10 jQuery
Vue快速实现通用表单验证的示例代码
Jan 09 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
CI框架中zip类应用示例
2014/06/17 PHP
以文件形式缓存php变量的方法
2015/06/26 PHP
PHP微信模板消息操作示例
2017/06/29 PHP
laravel利用中间件做防非法登录和权限控制示例
2019/10/21 PHP
FF IE兼容性的修改小结
2009/09/02 Javascript
jquery实现下拉菜单的二级联动利用json对象从DB取值显示联动
2014/03/27 Javascript
jQuery实现鼠标滚轮动态改变样式或效果
2015/01/05 Javascript
Nginx上传文件全部缓存解决方案
2015/08/17 Javascript
JavaScript学习小结(一)——JavaScript入门基础
2015/09/02 Javascript
jQuery实现自定义右键菜单的树状菜单效果
2015/09/02 Javascript
JavaScript的new date等日期函数在safari中遇到的坑
2016/10/24 Javascript
ES6新特性六:promise对象实例详解
2017/04/21 Javascript
搭建一个Koa后端项目脚手架的方法步骤
2019/05/30 Javascript
在vue中实现嵌套页面(iframe)
2020/07/30 Javascript
python中from module import * 的一个坑
2014/07/20 Python
Python中的choice()方法使用详解
2015/05/15 Python
Python3.2中Print函数用法实例详解
2015/05/19 Python
Python实现桶排序与快速排序算法结合应用示例
2017/11/22 Python
Python标准库inspect的具体使用方法
2017/12/06 Python
在Python中使用defaultdict初始化字典以及应用方法
2018/10/31 Python
CSS3 开发工具收集
2010/04/17 HTML / CSS
html5指南-3.如何实现html元素拖拽功能
2013/01/07 HTML / CSS
详解h5页面在不同ios设备上的问题总结
2019/03/01 HTML / CSS
PurCotton全棉时代官网:100%天然棉花生产的生活护理用品
2016/11/18 全球购物
以工厂直接定价的传奇性能:Ben Hogan Golf
2019/01/04 全球购物
Java程序员常见面试题
2015/07/16 面试题
员工培训邀请函
2014/01/11 职场文书
公务员转正考察材料
2014/02/07 职场文书
《画杨桃》教学反思
2014/04/13 职场文书
竞聘演讲稿
2014/04/24 职场文书
学生意外伤害赔偿协议书
2014/09/17 职场文书
公司开业致辞
2015/07/29 职场文书
婚宴祝酒词大全
2015/08/10 职场文书
如何使用Maxwell实时同步mysql数据
2021/04/08 MySQL
Python音乐爬虫完美绕过反爬
2021/08/30 Python
python如何利用cv2.rectangle()绘制矩形框
2022/12/24 Python