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实现视频轮播在pc端与移动端均可
Sep 29 Javascript
Javascript中的getUTCDay()方法使用详解
Jun 10 Javascript
在WordPress中加入Google搜索功能的简单步骤讲解
Jan 04 Javascript
Jquery中map函数的用法
Jun 03 Javascript
vue制作加载更多功能的正确打开方式
Oct 12 Javascript
javascript设计模式之中介者模式学习笔记
Feb 15 Javascript
Vue中"This dependency was not found"问题的解决方法
Jun 19 Javascript
vue删除html内容的标签样式实例
Sep 13 Javascript
Javascript中parseInt的正确使用方式
Oct 17 Javascript
Vue中全局变量的定义和使用
Jun 05 Javascript
微信小程序 可搜索的地址选择实现详解
Aug 28 Javascript
文章或博客自动生成章节目录索引(支持三级)的实现代码
May 10 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部分常见问题总结
2008/03/27 PHP
php 删除数组元素
2009/01/16 PHP
PHP 程序授权验证开发思路
2009/07/09 PHP
php通过前序遍历树实现无需递归的无限极分类
2015/07/10 PHP
YII2框架中excel表格导出的方法详解
2017/07/21 PHP
PHP判断是否是微信打开还是浏览器打开的方法
2019/02/27 PHP
jquery中的sortable排序之后的保存状态的解决方法
2010/01/28 Javascript
javascript qq右下角滑出窗口 sheyMsg
2010/03/21 Javascript
js全选实现和判断是否有复选框选中的方法
2015/02/17 Javascript
详解javascript遍历方式
2015/11/11 Javascript
js实现根据身份证号自动生成出生日期
2015/12/15 Javascript
Javascript的表单与验证-非空验证
2016/03/18 Javascript
Node.js用readline模块实现输入输出
2016/12/16 Javascript
jQuery的ajax中使用FormData实现页面无刷新上传功能
2017/01/16 Javascript
javascript 中设置window.location.href跳转无效问题解决办法
2017/02/09 Javascript
详解Angular 中 ngOnInit 和 constructor 使用场景
2017/06/22 Javascript
vue.js实现插入数值与表达式的方法分析
2018/07/06 Javascript
NodeJS 文件夹拷贝以及删除功能
2019/09/03 NodeJs
[05:20]卡尔工作室_DOTA2新手教学_DOTA2超强新手功能
2013/04/22 DOTA
Python使用Socket(Https)Post登录百度的实现代码
2012/05/18 Python
Python入门篇之条件、循环
2014/10/17 Python
pygame播放音乐的方法
2015/05/19 Python
简单讲解Python中的数字类型及基本的数学计算
2016/03/11 Python
python简单实现刷新智联简历
2016/03/30 Python
Python中的左斜杠、右斜杠(正斜杠和反斜杠)
2016/08/30 Python
DataFrame 将某列数据转为数组的方法
2018/04/13 Python
用python处理MS Word的实例讲解
2018/05/08 Python
python判断输入日期为第几天的实例
2018/11/13 Python
Python json读写方式和字典相互转化
2020/04/18 Python
如何用python爬取微博热搜数据并保存
2021/02/20 Python
使用HTML5里的classList操作CSS类
2016/06/28 HTML / CSS
全球500多个机场的接送服务:Suntransfers
2019/06/03 全球购物
代码中finally中的代码会不会执行
2012/02/06 面试题
求职信怎么写
2014/05/23 职场文书
调解协议书范本
2016/03/21 职场文书
用Python selenium实现淘宝抢单机器人
2021/06/18 Python