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 Array对象扩展indexOf()方法
May 09 Javascript
基于jquery的文字向上跑动类似跑马灯的效果
Sep 22 Javascript
JS动态显示表格上下frame的方法
Mar 31 Javascript
Bootstrap每天必学之日期控制
Mar 07 Javascript
浅谈addEventListener和attachEvent的区别
Jul 14 Javascript
推荐三款日期选择插件(My97DatePicker、jquery.datepicker、Mobiscroll)
Apr 21 jQuery
BootStrap 标题设置跨行无效的解决方法
Oct 25 Javascript
基于 Vue.js 2.0 酷炫自适应背景视频登录页面实现方式
Jan 17 Javascript
jQuery获取随机颜色的实例代码
May 21 jQuery
微信小程序之自定义组件的实现代码(附源码)
Aug 02 Javascript
微信小程序云开发实现数据添加、查询和分页
May 17 Javascript
JavaScript使用表单元素验证表单的示例代码
Aug 20 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
探讨如何使用SimpleXML函数来加载和解析XML文档
2013/06/07 PHP
PHP实现的redis主从数据库状态检测功能示例
2017/07/20 PHP
yii框架redis结合php实现秒杀效果(实例代码)
2017/10/26 PHP
PHP多维数组排序array详解
2017/11/21 PHP
javascript的事件描述
2006/09/08 Javascript
可实现多表单提交的javascript函数
2007/08/01 Javascript
JS 动态加载脚本的4种方法
2009/05/05 Javascript
javascript面向对象编程代码
2011/12/19 Javascript
php 中序列化和json使用介绍
2013/07/08 Javascript
JS实现一键回顶功能示例代码
2013/10/28 Javascript
jquery如何判断某元素是否具备指定的样式
2013/11/05 Javascript
js中事件的处理与浏览器对象示例介绍
2013/11/29 Javascript
利用js动态添加删除table行的示例代码
2013/12/16 Javascript
为开发者准备的10款最好的jQuery日历插件
2014/02/04 Javascript
JS将数字转换成三位逗号分隔的样式(示例代码)
2014/02/19 Javascript
jquery获取当前日期的方法
2015/01/14 Javascript
JQuery自动触发事件的方法
2015/06/13 Javascript
微信小程序 滚动到某个位置添加class效果实现代码
2017/04/19 Javascript
jQuery动态追加页面数据以及事件委托详解
2017/05/06 jQuery
从源码看angular/material2 中 dialog模块的实现方法
2017/10/18 Javascript
vue element-ui table表格滚动加载方法
2018/03/02 Javascript
详解Typescript 内置的模块导入兼容方式
2020/05/31 Javascript
[05:07]DOTA2英雄梦之声_第14期_暗影恶魔
2014/06/20 DOTA
给Python IDLE加上自动补全和历史功能
2014/11/30 Python
在Python中使用CasperJS获取JS渲染生成的HTML内容的教程
2015/04/09 Python
教你使用python实现微信每天给女朋友说晚安
2018/03/23 Python
Python 硬币兑换问题
2019/07/29 Python
如何给Python代码进行加密
2020/01/10 Python
python 解决pycharm运行py文件只有unittest选项的问题
2020/09/01 Python
String和StringBuffer的区别
2015/08/13 面试题
定义一结构体数组表示分数,并求两个分数相加之和
2013/06/11 面试题
旅游项目开发策划书
2014/01/18 职场文书
应届毕业生如何写求职信
2014/02/16 职场文书
应届生自荐信范文
2014/02/21 职场文书
捐助贫困学生倡议书
2014/05/16 职场文书
商务经理岗位职责
2014/07/30 职场文书