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 相关文章推荐
js文件Cookie存取值示例代码
Feb 20 Javascript
javascript实现2048游戏示例
May 04 Javascript
JavaScript数据结构与算法之集合(Set)
Jan 29 Javascript
jQuery获取剪贴板内容的方法
Jun 16 Javascript
使用jQuery Ajax 请求webservice来实现更简练的Ajax
Aug 04 Javascript
JavaScript实现动态添加Form表单元素的方法示例
Aug 14 Javascript
vue element动态渲染、移除表单并添加验证的实现
Jan 16 Javascript
微信小程序实现顶部导航特效
Jan 28 Javascript
Taro UI框架开发小程序实现左滑喜欢右滑不喜欢效果的示例代码
May 18 Javascript
解决vue 退出动画无效的问题
Aug 09 Javascript
Vue实现下拉加载更多
May 09 Vue.js
Vue中插槽slot的使用方法与应用场景详析
Jun 08 Vue.js
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
PHP高级OOP技术演示
2009/08/27 PHP
php验证码的制作思路和实现方法
2015/11/12 PHP
PHP使用栈解决约瑟夫环问题算法示例
2017/08/27 PHP
javascript globalStorage类代码
2009/06/04 Javascript
js面向对象设计用{}好还是function(){}好(构造函数)
2011/10/23 Javascript
jquery实现图片左右间隔滚动特效(可自动播放)
2013/05/08 Javascript
javascript上传图片前预览图片兼容大多数浏览器
2013/10/25 Javascript
获取非最后一列td值并将title设为该值的方法
2013/10/30 Javascript
js二维数组排序的简单示例代码
2014/01/24 Javascript
jQuery中使用data()方法读取HTML5自定义属性data-*实例
2014/04/11 Javascript
解决js下referer兼容各大浏览器的方法
2014/11/03 Javascript
javascript 构造函数方式定义对象
2015/01/02 Javascript
js实现浏览本地文件并显示扩展名的方法
2015/08/17 Javascript
js 获取元素所有兄弟节点的实现方法
2016/09/06 Javascript
javascript实现根据函数名称字符串动态执行函数的方法示例
2016/12/28 Javascript
jQuery树插件zTree使用方法详解
2017/05/02 jQuery
Vue2 使用 Echarts 创建图表实例代码
2017/05/18 Javascript
关于Promise 异步编程的实例讲解
2017/09/01 Javascript
jQuery Ajax向服务端传递数组参数值的实例代码
2017/09/03 jQuery
vue的安装及element组件的安装方法
2018/03/09 Javascript
javascrit中undefined和null的区别详解
2019/04/07 Javascript
JSON stringify方法原理及实例解析
2020/10/23 Javascript
用python做游戏的细节详解
2019/06/25 Python
基于python cut和qcut的用法及区别详解
2019/11/22 Python
Python中关于logging模块的学习笔记
2020/06/03 Python
Python实现封装打包自己写的代码,被python import
2020/07/12 Python
Python抖音快手代码舞(字符舞)的实现方法
2021/02/07 Python
检测用户浏览器是否支持CSS3的方法
2009/08/29 HTML / CSS
Clarins娇韵诗英国官网:来自法国的天然护肤品牌
2017/04/18 全球购物
《藏戏》教学反思
2014/02/11 职场文书
妇女儿童发展规划实施方案
2014/03/16 职场文书
党员个人公开承诺书
2014/08/29 职场文书
依法行政工作汇报材料
2014/10/28 职场文书
火烧圆明园观后感
2015/06/03 职场文书
pytorch中的model.eval()和BN层的使用
2021/05/22 Python
MySQL 数据表操作
2022/05/04 MySQL