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 滑入滑出效果实现代码
Mar 27 Javascript
Jquery绑定事件(bind和live的区别介绍)
Aug 23 Javascript
JQuery拖动表头边框线调整表格列宽效果代码
Sep 10 Javascript
JS+CSS实现自动切换的网页滑动门菜单效果代码
Sep 14 Javascript
jquery获取css的color值返回RGB的方法
Dec 18 Javascript
BootStrap注意事项小结(五)表单
Mar 10 Javascript
Ext JS 实现建议词模糊动态搜索功能
May 13 Javascript
详解Angular路由 ng-route和ui-router的区别
May 22 Javascript
webstorm和.vue中es6语法报错的解决方法
May 08 Javascript
原生JS实现自定义下拉单选选择框功能
Oct 12 Javascript
利用JS代码自动删除稿件的普通弹幕功能
Sep 20 Javascript
浅谈vuex为什么不建议在action中修改state
Feb 02 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
DC这些乐高系列动画电影你看过几部?
2020/04/09 欧美动漫
PHP CURL获取返回值的方法
2014/05/04 PHP
PHP比你想象的好得多
2014/11/27 PHP
TP5(thinkPHP5)框架基于ajax与后台数据交互操作简单示例
2018/09/03 PHP
php字符串过滤strip_tags()函数用法实例分析
2019/06/24 PHP
Thinkphp5.0 框架Model模型简单用法分析
2019/10/11 PHP
不错的新闻标题颜色效果
2006/12/10 Javascript
脚本之家贴图转换+转贴工具用到的js代码超级推荐
2007/04/05 Javascript
Jquery操作Select 简单方便 一个js插件搞定
2009/11/12 Javascript
javascript 正则替换 replace(regExp, function)用法
2010/05/22 Javascript
jQuery示例收集
2010/11/05 Javascript
为jQuery增加join方法的实现代码
2010/11/28 Javascript
jquery采用oop模式class类的使用示例
2016/01/22 Javascript
浅析JavaScript作用域链、执行上下文与闭包
2016/02/01 Javascript
JavaScript事件详细讲解
2016/06/27 Javascript
AngularJS监听路由的变化示例代码
2016/09/23 Javascript
详解在express站点中使用ejs模板引擎
2017/09/21 Javascript
使用socket.io制做简易WEB聊天室
2018/01/02 Javascript
微信小程序自定义prompt组件步骤详解
2018/06/12 Javascript
微信小程序提取公用函数到util.js及使用方法示例
2019/01/10 Javascript
详解在微信小程序的JS脚本中使用Promise来优化函数处理
2019/03/06 Javascript
JavaScript实现图片放大镜效果
2019/06/27 Javascript
node.js 微信开发之定时获取access_token
2020/02/07 Javascript
微信小程序点击滚动到指定位置的实现
2020/05/22 Javascript
Angular进行简单单元测试的实现方法实例
2020/08/16 Javascript
深入浅析python继承问题
2016/05/29 Python
利用Python如何生成hash值示例详解
2017/12/20 Python
Python实现的查询mysql数据库并通过邮件发送信息功能
2018/05/17 Python
matplotlib绘制多个子图(subplot)的方法
2019/12/03 Python
使用pyhon绘图比较两个手机屏幕大小(实例代码)
2020/01/03 Python
Python实现数字的格式化输出
2020/08/01 Python
FitFlop澳大利亚官网:英国符合人体工学的鞋类品牌
2017/06/05 全球购物
什么是继承
2013/12/07 面试题
创新比赛获奖感言
2014/02/13 职场文书
投诉信回复范文
2015/07/03 职场文书
如何用JavaScript实现一个数组惰性求值库
2021/05/05 Javascript