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 相关文章推荐
JS学习之一个简易的日历控件
Mar 24 Javascript
JS实现OCX控件的事件响应示例
Sep 17 Javascript
javascript常用代码段搜集
Dec 04 Javascript
node.js中的path.basename方法使用说明
Dec 09 Javascript
JavaScript日期选择功能示例
Jan 16 Javascript
js时间戳和c#时间戳互转方法(推荐)
Feb 15 Javascript
React-Native做一个文本输入框组件的实现代码
Aug 10 Javascript
Node中使用ES6语法的基础教程
Jan 05 Javascript
jquery ajax 请求小技巧实例分析
Nov 11 jQuery
Vue的Eslint配置文件eslintrc.js说明与规则介绍
Feb 03 Javascript
在antd4.0中Form使用initialValue操作
Nov 02 Javascript
微信小程序实现页面左右滑动
Nov 16 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从身份证号中获取一系列线索(星座、生肖、生日等)
2016/05/11 PHP
asp.net+js 实现无刷新上传解析csv文件的代码
2010/05/17 Javascript
基于jquery实现状态限定编辑的代码
2012/02/11 Javascript
回车直接实现点击某按钮的效果即触发单击事件
2014/02/27 Javascript
JavaScript的MVVM库Vue.js入门学习笔记
2016/05/03 Javascript
解决AjaxFileupload 上传时会出现连接重置的问题
2017/07/07 Javascript
react-router4 嵌套路由的使用方法
2017/07/24 Javascript
纯JS实现可用于页码更换的飞页特效示例
2018/05/21 Javascript
JavaScript解决浮点数计算不准确问题的方法分析
2018/07/09 Javascript
vue自定v-model实现表单数据双向绑定问题
2018/09/03 Javascript
详解如何解决vue开发请求数据跨域的问题(基于浏览器的配置解决)
2018/11/12 Javascript
jquery html添加元素/删除元素操作实例详解
2020/05/20 jQuery
Python实现动态添加类的属性或成员函数的解决方法
2014/07/16 Python
python实现带验证码网站的自动登陆实现代码
2015/01/12 Python
理解Python中函数的参数
2015/04/27 Python
基于python神经卷积网络的人脸识别
2018/05/24 Python
使用Python快速搭建HTTP服务和文件共享服务的实例讲解
2018/06/04 Python
浅谈django2.0 ForeignKey参数的变化
2019/08/06 Python
用Python解数独的方法示例
2019/10/24 Python
python利用pytesseract 实现本地识别图片文字
2020/12/14 Python
Html5 Canvas 实现一个“刮刮乐”游戏
2019/09/05 HTML / CSS
html标签之Object和EMBED标签详解
2013/07/04 HTML / CSS
英国灯具和灯泡网上商店:Lights.co.uk
2018/02/02 全球购物
Kiwi.com中国:找到特价机票并发现新目的地
2019/10/27 全球购物
应届生.NET方向面试题
2015/05/23 面试题
办公室前台岗位职责
2014/01/04 职场文书
环保专业大学生职业规划设计
2014/01/10 职场文书
迟到检讨书900字
2014/01/14 职场文书
廉洁自律承诺书
2014/03/27 职场文书
2014年计生标语
2014/06/23 职场文书
优秀毕业生找工作自荐信
2014/06/23 职场文书
社区综治宣传月活动总结
2014/07/02 职场文书
员工加薪申请报告
2015/05/15 职场文书
Pytorch中Softmax与LogSigmoid的对比分析
2021/06/05 Python
React自定义hook的方法
2022/06/25 Javascript
el-table-column 内容不自动换行的解决方法
2022/08/14 Vue.js