JS截取字符串常用方法整理及使用示例


Posted in Javascript onOctober 18, 2013

使用 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

续:

1.substring 方法

定义和用法
substring 方法用于提取字符串中介于两个指定下标之间的字符。

语法
stringObject.substring(start,stop)

参数 描述
start 必需。一个非负的整数,规定要提取的子串的第一个字符在 stringObject 中的位置。
stop 可选。一个非负的整数,比要提取的子串的最后一个字符在 stringObject 中的位置多 1。如果省略该参数,那么返回的子串会一直到字符串的结尾。

返回值
一个新的字符串,该字符串值包含 stringObject 的一个子字符串,其内容是从 start 处到 stop-1 处的所有字符,其长度为 stop 减 start。

说明
substring 方法返回的子串包括 start 处的字符,但不包括 end 处的字符。
如果 start 与 end 相等,那么该方法返回的就是一个空串(即长度为 0 的字符串)。
如果 start 比 end 大,那么该方法在提取子串之前会先交换这两个参数。
如果 start 或 end 为负数,那么它将被替换为 0。

2.substr 方法

定义和用法
substr 方法用于返回一个从指定位置开始的指定长度的子字符串。

语法
stringObject.substr(start [, length ])

参数 描述
start 必需。所需的子字符串的起始位置。字符串中的第一个字符的索引为 0。
length 可选。在返回的子字符串中应包括的字符个数。

说明
如果 length 为 0 或负数,将返回一个空字符串。
如果没有指定该参数,则子字符串将延续到stringObject的最后。

举例:

var str = "0123456789"; alert(str.substring(0));------------"0123456789" 
alert(str.substring(5));------------"56789" 
alert(str.substring(10));-----------"" 
alert(str.substring(12));-----------"" 
alert(str.substring(-5));-----------"0123456789" 
alert(str.substring(-10));----------"0123456789" 
alert(str.substring(-12));----------"0123456789" 
alert(str.substring(0,5));----------"01234" 
alert(str.substring(0,10));---------"0123456789" 
alert(str.substring(0,12));---------"0123456789" 
alert(str.substring(2,0));----------"01" 
alert(str.substring(2,2));----------"" 
alert(str.substring(2,5));----------"234" 
alert(str.substring(2,12));---------"23456789" 
alert(str.substring(2,-2));---------"01" 
alert(str.substring(-1,5));---------"01234" 
alert(str.substring(-1,-5));--------"" 
alert(str.substr(0));---------------"0123456789" 
alert(str.substr(5));---------------"56789" 
alert(str.substr(10));--------------"" 
alert(str.substr(12));--------------"" 
alert(str.substr(-5));--------------"0123456789" 
alert(str.substr(-10));-------------"0123456789" 
alert(str.substr(-12));-------------"0123456789" 
alert(str.substr(0,5));-------------"01234" 
alert(str.substr(0,10));------------"0123456789" 
alert(str.substr(0,12));------------"0123456789" 
alert(str.substr(2,0));-------------"" 
alert(str.substr(2,2));-------------"23" 
alert(str.substr(2,5));-------------"23456" 
alert(str.substr(2,12));------------"23456789" 
alert(str.substr(2,-2));------------"" 
alert(str.substr(-1,5));------------"01234" 
alert(str.substr(-1,-5));-----------""
Javascript 相关文章推荐
jQuery移动和复制dom节点实用DOM操作案例
Dec 17 Javascript
jquery实现图片渐变切换兼容ie6/Chrome/Firefox
Aug 02 Javascript
教你在heroku云平台上部署Node.js应用
Jul 30 Javascript
jQuery中 delegate使用的问题
Jul 03 Javascript
AngularJS中关于ng-class指令的几种实现方式详解
Sep 17 Javascript
深入理解ES6 Promise 扩展always方法
Sep 26 Javascript
javascript+jQuery实现360开机时间显示效果
Nov 03 jQuery
基于vue 动态加载图片src的解决方法
Feb 05 Javascript
轻量级富文本编辑器wangEditor结合vue使用方法示例
Oct 10 Javascript
详解vue2.0模拟后台json数据
May 16 Javascript
Vue-cli项目部署到Nginx服务器的方法
Nov 01 Javascript
你准备好迎接vue3.0了吗
Apr 28 Javascript
jQuery的显示和隐藏方法与css隐藏的样式对比
Oct 18 #Javascript
javascript代码运行不出来执行错误的可能情况整理
Oct 18 #Javascript
javascript 判断字符串是否包含某字符串及indexOf使用示例
Oct 18 #Javascript
常用js字符串判断方法整理
Oct 18 #Javascript
javaScript arguments 对象使用介绍
Oct 18 #Javascript
js实现简单的星级选择器提交效果适用于评论等
Oct 18 #Javascript
用jquery统计子菜单的条数示例代码
Oct 18 #Javascript
You might like
Smarty模板常见的简单应用分析
2016/11/15 PHP
Laravel框架路由设置与使用示例
2018/06/12 PHP
用js判断浏览器是否是IE的比较好的办法
2007/05/08 Javascript
JavaScript OOP面向对象介绍
2010/12/02 Javascript
onkeydown事件解决按回车键直接提交数据的需求
2013/04/11 Javascript
一个封装js代码-----展开收起效果示例
2013/07/03 Javascript
禁止页面刷新让F5快捷键及右键都无效
2014/01/22 Javascript
快速使用node.js进行web开发详解
2017/04/26 Javascript
jQuery实现节点的追加、替换、删除、复制功能示例
2017/07/11 jQuery
mui back 返回刷新页面的实例
2017/12/06 Javascript
微信小程序开发之map地图组件定位并手动修改位置偏差
2019/08/17 Javascript
JavaScript实现秒杀时钟倒计时
2019/09/29 Javascript
jQuery操作选中select下拉框的值代码实例
2020/02/07 jQuery
vue中解决拖拽改变存在iframe的div大小时卡顿问题
2020/07/22 Javascript
[36:52]DOTA2真视界:基辅特锦赛总决赛
2017/05/21 DOTA
python之模拟鼠标键盘动作具体实现
2013/12/30 Python
python判断字符串是否包含子字符串的方法
2015/03/24 Python
python处理xml文件的方法小结
2017/05/02 Python
手把手教你如何安装Pycharm(详细图文教程)
2018/11/28 Python
pyqt 实现为长内容添加滑轮 scrollArea
2019/06/19 Python
Python 二叉树的层序建立与三种遍历实现详解
2019/07/29 Python
django中上传图片分页三级联动效果的实现代码
2019/08/30 Python
python plotly画柱状图代码实例
2019/12/13 Python
Python中Selenium模块的使用详解
2020/10/09 Python
什么是Remote Module
2016/06/10 面试题
质量工程师岗位职责
2013/11/16 职场文书
养成教育经验材料
2014/05/26 职场文书
伦敦奥运会口号
2014/06/13 职场文书
群众路线领导班子整改方案
2014/10/25 职场文书
学校开除通知书
2015/04/25 职场文书
停发工资证明范本
2015/06/12 职场文书
运动会班级前导词
2015/07/20 职场文书
追悼会答谢词范文
2015/09/29 职场文书
css3实现的加载动画效果
2021/04/07 HTML / CSS
MySQL实战记录之如何快速定位慢SQL
2022/03/23 MySQL
Python开发五子棋小游戏
2022/05/02 Python