js截取函数(indexOf,join等)


Posted in Javascript onSeptember 01, 2010

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

函数:split()
功能:使用一个指定的分隔符把一个字符串分割存储到数组
str="jpg|bmp|gif|ico|png"; 
arr=theString.split("|"); 
//arr是一个包含字符值"jpg"、"bmp"、"gif"、"ico"和"png"的数组

函数:Join()
功能:使用您选择的分隔符将一个数组合并为一个字符串var delimitedString=myArray.join(delimiter);
var delimitedString=myArray.join(delimiter); 
var myList=new Array("jpg","bmp","gif","ico","png"); 
var portableList=myList.join("|"); 
//结果是jpg|bmp|gif|ico|png

函数:slice()和substring()
slice和substring都可以接受一个或两个参数,第1个参数是获取要截取的字符串的直始位置,第2个参数如果不为空则是获取要截取的字符串的结束位置的前一位(也就是说获取的终点位置不在返回值内),为空表示截取到整个字符串的最后一个字符。
<script language="javascript"> 
var stmp = "rcinn.cn"; 
//使用一个参数 
alert(stmp.slice(3));//从第4个字符开始,截取到最后个字符;返回"nn.cn" 
alert(stmp.substring(3));//从第4个字符开始,截取到最后个字符;返回"nn.cn" 
//使用两个参数 
alert(stmp.slice(1,5))//从第2个字符开始,到第5个字符;返回"cinn" 
alert(stmp.substring(1,5));//从第2个字符开始,到第5个字符;返回"cinn" 
//如果只用一个参数并且为0的话,那么返回整个参数 
alert(stmp.slice(0));//返回整个字符串 
alert(stmp.substring(0));//返回整个字符串 
//那如何只反回第一个字符呢,可以用其它的函数,那如果一定要用这两个方法的话就指定第一个参数为0,第二个参数为1,看下面的例子 
alert(stmp.slice(0,1));//返回"r" 
alert(stmp.substring(0,1));//返回"r" 
//在上面的例子中我们可以看出slice()和substring()的用法是相同的,返回的值也是一样的,但当参数为负数时,他们的返回值却不一样,看下面的例子 
alert(stmp.slice(2,-5));//返回"i" 
alert(stmp.substring(2,-5));//返回"rc" 
//从上面两个例子可以看出slice(2,-5)实际上是slice(2,3),负5转换成正3;而substring(2,-5)实际上是substring(2,0),负数转换为0,swubstring总是把最小的数作为起始位置。 
</script>

注意:字符串的位数都是从0开始
Javascript 相关文章推荐
javascript判断ie浏览器6/7版本加载不同样式表的实现代码
Dec 26 Javascript
JS localStorage实现本地缓存的方法
Jun 22 Javascript
js中for in语句的用法讲解
Apr 24 Javascript
非常实用的12个jquery代码片段
Nov 02 Javascript
js以分隔符分隔数组中的元素并转换为字符串的方法
Nov 16 Javascript
详解Vue2.X的路由管理记录之 钩子函数(切割流水线)
May 02 Javascript
React Native实现地址挑选器功能
Oct 24 Javascript
Bootstrap框架建立树形菜单(Tree)的实例代码
Oct 30 Javascript
使用百度地图实现地图网格的示例
Feb 06 Javascript
vue中关闭eslint的方法分析
Aug 04 Javascript
详解Vue SSR( Vue2 + Koa2 + Webpack4)配置指南
Nov 13 Javascript
mustache.js实现首页元件动态渲染的示例代码
Dec 28 Javascript
qTip 基于JQuery的Tooltip插件[兼容性好]
Sep 01 #Javascript
jQuery选中select控件 无法设置selected的解决方法
Sep 01 #Javascript
JavaScript的类型转换(字符转数字 数字转字符)
Aug 30 #Javascript
De facto standard 世界上不可思议的事实标准
Aug 29 #Javascript
js 中 document.createEvent的用法
Aug 29 #Javascript
JQuery浮动DIV提示信息并自动隐藏的代码
Aug 29 #Javascript
jQuery下的几个你可能没用过的功能
Aug 29 #Javascript
You might like
关于拼配咖啡,你要知道
2021/03/03 咖啡文化
php实现网站插件机制的方法
2009/11/10 PHP
PHP无刷新上传文件实现代码
2011/09/19 PHP
PHP弱类型语言中类型判断操作实例详解
2017/08/10 PHP
Yii2.0框架实现带分页的多条件搜索功能示例
2019/02/20 PHP
laravel框架实现去掉URL中index.php的方法
2019/10/12 PHP
使用TextRange获取输入框中光标的位
2006/10/14 Javascript
LBS blog sql注射漏洞[All version]-官方已有补丁
2007/08/26 Javascript
Javascript学习笔记8 用JSON做原型
2010/01/11 Javascript
用客户端js实现带省略号的分页
2013/04/27 Javascript
jquery动态改变div宽度和高度
2015/02/09 Javascript
JavaScript实现函数返回多个值的方法
2015/06/09 Javascript
深入解读JavaScript中的Hoisting机制
2015/08/12 Javascript
jquery计算出left和top,让一个div水平垂直居中的简单实例
2016/07/13 Javascript
jQuery Easyui DataGrid点击某个单元格即进入编辑状态焦点移开后保存数据
2016/08/15 Javascript
详解Angular中$cacheFactory缓存的使用
2016/08/19 Javascript
vue router下的html5 history在iis服务器上的设置方法
2017/10/18 Javascript
完美解决axios在ie下的兼容性问题
2018/03/05 Javascript
详解vue中使用vue-quill-editor富文本小结(图片上传)
2019/04/24 Javascript
Vue的路由及路由钩子函数的实现
2019/07/02 Javascript
layui递归实现动态左侧菜单
2019/07/26 Javascript
浅谈Vue组件单元测试究竟测试什么
2020/02/05 Javascript
Nuxt配置Element-UI按需引入的操作方法
2020/07/06 Javascript
Python动态加载模块的3种方法
2014/11/22 Python
python logging 日志轮转文件不删除问题的解决方法
2016/08/02 Python
Python科学计算之Pandas详解
2017/01/15 Python
微信跳一跳游戏python脚本
2020/04/01 Python
在Python 中同一个类两个函数间变量的调用方法
2019/01/31 Python
python中的句柄操作的方法示例
2019/06/20 Python
购买美国制造的相框和画框架:Picture Frames
2018/08/14 全球购物
DNA测试:Orig3n
2019/03/01 全球购物
企业晚会策划方案
2014/05/29 职场文书
物业总经理助理岗位职责
2014/06/29 职场文书
公务员中国梦演讲稿
2014/08/19 职场文书
工作收入证明模板
2014/10/10 职场文书
和谐家庭事迹材料
2014/12/20 职场文书