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 特性检测并非浏览器检测
Jan 15 Javascript
javascript 哈希表(hashtable)的简单实现
Jan 20 Javascript
JavaScript获取和设置CheckBox状态的简单方法
Jul 05 Javascript
比例尺、缩略图、平移缩放之百度地图添加控件方法
Aug 03 Javascript
在React框架中实现一些AngularJS中ng指令的例子
Mar 06 Javascript
JavaScript驾驭网页-DOM
Mar 24 Javascript
javaScript日期工具类DateUtils详解
Dec 08 Javascript
基于Vue 2.0的模块化前端 UI 组件库小结
Dec 21 Javascript
vue.js提交按钮时进行简单的if判断表达式详解
Aug 08 Javascript
vue+vuex+axios从后台获取数据存入vuex,组件之间共享数据操作
Jul 31 Javascript
js动态添加带圆圈序号列表的实例代码
Feb 18 Javascript
jquery插件实现悬浮的菜单
Apr 24 jQuery
超漂亮的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
CakePHP去除默认显示的标题及图标的方法
2008/10/22 PHP
php中try catch捕获异常实例详解
2014/11/21 PHP
功能强大的php分页函数
2016/07/20 PHP
PHP获取数据库表中的数据插入新的表再原删除数据方法
2018/10/12 PHP
按下Enter焦点移至下一个控件的实现js代码
2013/12/11 Javascript
nodejs npm package.json中文文档
2014/09/04 NodeJs
Dojo获取下拉框的文本和值实例代码
2016/05/27 Javascript
Jquery通过ajax请求NodeJS返回json数据实例
2016/11/08 NodeJs
详解用node.js实现简单的反向代理
2017/06/26 Javascript
es6学习之解构时应该注意的点
2017/08/29 Javascript
vue-cli常用设置总结
2018/02/24 Javascript
Vue作用域插槽slot-scope实例代码
2018/09/05 Javascript
5分钟快速掌握JS中var、let和const的异同
2018/09/19 Javascript
详解JS取出两个数组中的不同或相同元素
2019/03/20 Javascript
基于jQuery实现挂号平台首页源码
2020/01/06 jQuery
解决Vue中使用keepAlive不缓存问题
2020/08/04 Javascript
python中cPickle用法例子分享
2014/01/03 Python
Python常用内置模块之xml模块(详解)
2017/05/23 Python
Python随机函数random()使用方法小结
2018/04/29 Python
python将处理好的图像保存到指定目录下的方法
2019/01/10 Python
vim自动补全插件YouCompleteMe(YCM)安装过程解析
2019/10/21 Python
Python如何省略括号方法详解
2020/03/21 Python
Pyqt5 关于流式布局和滚动条的综合使用示例代码
2020/03/24 Python
python with语句的原理与用法详解
2020/03/30 Python
Django如何重置migration的几种情景
2021/02/24 Python
HTML5 Canvas实现平移/放缩/旋转deom示例(附截图)
2013/07/04 HTML / CSS
澳大利亚设计师服装在线:MISHA
2019/10/07 全球购物
印刷工程专业应届生求职信
2013/09/29 职场文书
护士检查书
2014/01/17 职场文书
装饰公司活动策划方案
2014/08/23 职场文书
债务追讨授权委托书范本
2014/10/16 职场文书
论文评审意见
2015/06/05 职场文书
交通安全主题班会
2015/08/12 职场文书
一文带你理解vue创建一个后台管理系统流程(Vue+Element)
2021/05/18 Vue.js
Win11怎么进入安全模式?Windows 11进入安全模式的方法
2021/11/21 数码科技
纯CSS打字动画的实现示例
2022/08/05 HTML / CSS