JS截取与分割字符串常用技巧总结


Posted in Javascript onNovember 10, 2015

本文实例讲述了JS截取与分割字符串的常用方法。分享给大家供大家参考,具体如下:

JS截取字符串可使用 substring()或者slice()
 
函数:substring()

定义:substring(start,end)表示从start到end之间的字符串,包括start位置的字符但是不包括end位置的字符。

功能:字符串截取,比如想从"MinidxSearchEngine"中得到"Minidx"就要用到substring(0,6)

例子:

var src="images/off_1.png";
alert(src.substring(7,10));
//弹出值为:off

函数:substr()

定义:substr(start,length)表示从start位置开始,截取length长度的字符串。

功能:字符串截取

例子:

var src="images/off_1.png";
alert(src.substr(7,3));
//弹出值为:off

函数:split()

功能:使用一个指定的分隔符把一个字符串分割存储到数组

例子:

str="jpg|bmp|gif|ico|png";
arr=theString.split("|");
//arr是一个包含字符值"jpg"、"bmp"、"gif"、"ico"和"png"的数组

函数:Join()

功能:使用您选择的分隔符将一个数组合并为一个字符串

例子:

var delimitedString=myArray.join(delimiter);
var myList=new Array("jpg","bmp","gif","ico","png");
var portableList=myList.join("|");
//结果是jpg|bmp|gif|ico|png

函数: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

函数:lastIndexOf()

定义:lastIndexOf()方法返回从右向左出现某个字符或字符串的首个字符索引值(与indexOf相反)

功能:返回字符串索引值

例子:

var src="images/off_1.png";
alert(src.lastIndexOf('/'));
alert(src.lastIndexOf('g'));
//弹出值依次为:6,15

补充: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的数组的扩展实例代码
Jul 09 Javascript
JavaScript Array扩展实现代码
Oct 14 Javascript
深入浅出理解javaScript原型链
May 09 Javascript
JavaScript对表格或元素按文本,数字或日期排序的方法
May 26 Javascript
针对JavaScript中this指向的简单理解
Aug 26 Javascript
正则表达式基本语法及表单验证操作详解【基于JS】
Apr 07 Javascript
vue :src 文件路径错误问题的解决方法
May 15 Javascript
微信小程序 slot踩坑的解决
Apr 01 Javascript
通过微信公众平台获取公众号文章的方法示例
Dec 25 Javascript
JS实现分页导航效果
Feb 19 Javascript
vue中使用vue-print.js实现多页打印
Mar 05 Javascript
Element Steps步骤条的使用方法
Jul 26 Javascript
jquery validate.js表单验证入门实例(附源码)
Nov 10 #Javascript
纯javascript响应式树形菜单效果
Nov 10 #Javascript
JavaScript中SetInterval与setTimeout的用法详解
Nov 10 #Javascript
深入解析JavaScript编程中的this关键字使用
Nov 09 #Javascript
3种js实现string的substring方法
Nov 09 #Javascript
举例讲解JavaScript substring()的使用方法
Nov 09 #Javascript
js中substring和substr两者区别和使用方法
Nov 09 #Javascript
You might like
php加密解密实用类分享
2014/01/07 PHP
PHP中多维数组的foreach遍历示例
2014/06/13 PHP
PHP 5.3新增魔术方法__invoke概述
2014/07/23 PHP
Fatal error: Allowed memory size of 134217728 bytes exhausted (tried to allocate 2611816 bytes)
2014/11/08 PHP
YII框架行为behaviors用法示例
2019/04/26 PHP
各种常用浏览器getBoundingClientRect的解析
2009/05/21 Javascript
在js文件中写el表达式取不到值的原因及解决方法
2013/12/23 Javascript
javascript中call和apply的用法示例分析
2015/04/02 Javascript
高效利用Angular中内置服务$http、$location等
2016/03/22 Javascript
JavaScript——DOM操作——Window.document对象详解
2016/07/14 Javascript
bootstrap读书笔记之CSS组件(上)
2016/10/17 Javascript
Node.js学习入门
2017/01/03 Javascript
js实现带缓动动画的导航栏效果
2017/01/16 Javascript
讲解vue-router之什么是动态路由
2018/05/28 Javascript
jQuery pager.js 插件动态分页功能实例分析
2019/08/02 jQuery
使用preload预加载页面资源时注意事项
2020/02/03 Javascript
node.js开发辅助工具nodemon安装与配置详解
2020/02/06 Javascript
python聊天程序实例代码分享
2013/11/18 Python
python中hashlib模块用法示例
2017/10/30 Python
python获取程序执行文件路径的方法(推荐)
2018/04/26 Python
django 解决manage.py migrate无效的问题
2018/05/27 Python
Python3列表内置方法大全及示例代码小结
2019/05/10 Python
python lambda表达式在sort函数中的使用详解
2019/08/28 Python
TensorFlow设置日志级别的几种方式小结
2020/02/04 Python
python函数enumerate,operator和Counter使用技巧实例小结
2020/02/22 Python
中专毕业个人的自荐信格式
2013/09/21 职场文书
广告学专业毕业生自荐信
2013/09/24 职场文书
总经理工作职责范文
2014/03/14 职场文书
教师教学评估方案
2014/05/09 职场文书
整改落实情况汇报材料
2014/10/29 职场文书
小学班主任事迹材料
2014/12/17 职场文书
班主任自我评价范文
2015/03/11 职场文书
2015年话务员工作总结
2015/04/29 职场文书
电影建国大业观后感
2015/06/01 职场文书
客户答谢会致辞
2015/07/30 职场文书
Mybatis-Plus 使用 @TableField 自动填充日期
2022/04/26 Java/Android