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 相关文章推荐
javascript操作cookie_获取与修改代码
May 21 Javascript
jquery.ui.draggable中文文档
Nov 24 Javascript
JavaScript中使用构造器创建对象无需new的情况说明
Mar 01 Javascript
Jquery模仿Baidu、Google搜索时自动补充搜索结果提示
Dec 26 Javascript
用js代码和插件实现wordpress雪花飘落效果的四种方法
Dec 15 Javascript
JS+CSS实现经典的左侧竖向滑动菜单效果
Sep 23 Javascript
详解vue表单验证组件 v-verify-plugin
Apr 19 Javascript
详解vue前后台数据交互vue-resource文档
Jul 19 Javascript
bootstrap多层模态框滚动条消失的问题
Jul 21 Javascript
Vue DevTools调试工具的使用
Dec 05 Javascript
浅谈layer的Icon样式以及一些常用的layer窗口使用方法
Sep 11 Javascript
基于JavaScript实现轮播图效果
Jan 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
php下一个阿拉伯数字转中文数字的函数
2007/07/16 PHP
PHP在字符串中查找指定字符串并删除的代码
2008/10/02 PHP
PHP 加密/解密函数 dencrypt(动态密文,带压缩功能,支持中文)
2009/01/30 PHP
那些年一起学习的PHP(一)
2012/03/21 PHP
基于PHP的简单采集数据入库程序
2014/07/30 PHP
PHP strtotime函数用法、实现原理和源码分析
2015/02/04 PHP
PHP使用XMLWriter读写xml文件操作详解
2018/07/31 PHP
Yii 框架使用Forms操作详解
2020/05/18 PHP
关于javascript中的typeof和instanceof介绍
2012/12/04 Javascript
Underscore.js 的模板功能介绍与应用
2012/12/24 Javascript
使用JavaScript动态设置样式实现代码(2)
2013/01/25 Javascript
Jquery选择子控件"大于号"和" "区别介绍及使用示例
2013/06/25 Javascript
js防刷新的倒计时代码 js倒计时代码
2017/09/06 Javascript
Vue 2.0学习笔记之Vue中的computed属性
2017/10/16 Javascript
30分钟快速入门掌握ES6/ES2015的核心内容(上)
2018/04/18 Javascript
Vue-cli3.X使用px2 rem遇到的问题及解决方法
2019/08/08 Javascript
JQuery复选框全选效果如何实现
2020/05/08 jQuery
nginx部署多个vue项目的方法示例
2020/09/06 Javascript
Python程序设计入门(3)数组的使用
2014/06/16 Python
python多进程共享变量
2016/04/06 Python
基于python socketserver框架全面解析
2017/09/21 Python
python下10个简单实例代码
2017/11/15 Python
python微信跳一跳系列之棋子定位颜色识别
2018/02/26 Python
在Python中,不用while和for循环遍历列表的实例
2019/02/20 Python
打包python 加icon 去掉cmd黑窗口方法
2019/06/24 Python
tensorflow模型继续训练 fineturn实例
2020/01/21 Python
如何搭建pytorch环境的方法步骤
2020/05/06 Python
墨西哥网上购物:Linio墨西哥
2016/10/20 全球购物
美国婴童服装市场上的领先品牌:Carter’s
2018/02/08 全球购物
预备党员思想汇报范文
2013/12/29 职场文书
领导干部群众路线教育实践活动个人对照检查材料
2014/09/23 职场文书
军人离婚协议书样本
2014/10/21 职场文书
工作失误检讨书
2015/01/26 职场文书
时尚女魔头观后感
2015/06/04 职场文书
巴黎圣母院读书笔记
2015/06/26 职场文书
《钢铁是怎样炼成的》高中读后感
2019/08/07 职场文书