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 相关文章推荐
Gird事件机制初级读本
Mar 10 Javascript
jquery select(列表)的操作(取值/赋值)
Mar 16 Javascript
js数组的操作详解
Mar 27 Javascript
document.forms[].submit()使用介绍
Feb 19 Javascript
简单谈谈javascript代码复用模式
Jan 28 Javascript
Javascript数据结构与算法之列表详解
Mar 12 Javascript
JS函数定义方式的区别介绍
Mar 22 Javascript
js 颜色选择插件
Jan 23 Javascript
vue v-on监听事件详解
May 17 Javascript
node.js实现微信JS-API封装接口的示例代码
Sep 06 Javascript
JavaScript实现的原生态兼容IE6可调可控滚动文字功能详解
Sep 19 Javascript
vue 基于abstract 路由模式 实现页面内嵌的示例代码
Dec 14 Vue.js
超漂亮的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开发GUI
2006/10/09 PHP
PHP获取不了React Native Fecth参数的解决办法
2016/08/26 PHP
JavaScript脚本性能优化注意事项
2008/11/18 Javascript
js 鼠标点击事件及其它捕获
2009/06/04 Javascript
JavaScript中链式调用之研习
2011/04/07 Javascript
jquery创建并行对象或者合并对象的实现代码
2012/10/10 Javascript
js Math 对象的方法
2013/09/01 Javascript
判断在css加载完毕后执行后续代码示例
2014/09/03 Javascript
JavaScript动态修改背景颜色的方法
2015/04/16 Javascript
jquery+json实现动态商品内容展示的方法
2016/01/14 Javascript
js+html5实现的自由落体运动效果代码
2016/01/28 Javascript
JS制作适用于手机和电脑的通知信息效果
2016/10/28 Javascript
Javascript 对cookie操作详解及实例
2016/12/29 Javascript
JS设计模式之数据访问对象模式的实例讲解
2017/09/30 Javascript
Angular4集成ng2-file-upload的上传组件
2018/03/14 Javascript
最后说说Vue2 SSR 的 Cookies 问题
2018/05/25 Javascript
详解使用webpack+electron+reactJs开发windows桌面应用
2019/02/01 Javascript
浅谈javascript如何获取文件后缀名
2020/08/07 Javascript
element-ui tree结构实现增删改自定义功能代码
2020/08/31 Javascript
python SQLAlchemy 中的Engine详解
2019/07/04 Python
Python及Pycharm安装方法图文教程
2019/08/05 Python
opencv resize图片为正方形尺寸的实现方法
2019/12/26 Python
python turtle工具绘制四叶草的实例分享
2020/02/14 Python
pygame用blit()实现动画效果的示例代码
2020/05/28 Python
CSS3中的常用选择器使用示例整理
2016/06/13 HTML / CSS
浅谈html5增强的页面元素
2016/06/14 HTML / CSS
英国图书音像网站:Hive.co.uk(图书、电子书、DVD、蓝光、音乐CD等)
2017/10/16 全球购物
2014年大学生自我评价
2014/01/19 职场文书
报关报检委托书
2014/04/08 职场文书
幼儿教师暑期培训方案
2014/08/27 职场文书
高中学校对照检查材料
2014/08/31 职场文书
小学生作文之《压岁钱的烦恼》
2019/09/27 职场文书
详解Nginx启动失败的几种错误处理
2021/04/01 Servers
python基础之类属性和实例属性
2021/10/24 Python
JavaScript声明变量和数据类型的转换
2022/04/12 Javascript
Spring Data JPA框架Repository自定义实现
2022/04/28 Java/Android