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 相关文章推荐
让getElementsByName适应IE和firefox的方法
Sep 24 Javascript
javascript 字符串连接的性能问题(多浏览器)
Nov 18 Javascript
Javascript 垃圾收集机制介绍理解
May 14 Javascript
javaScript 计算两个日期的天数相差(示例代码)
Dec 27 Javascript
jquery 通过name快速取值示例
Jan 24 Javascript
在JS方法中返回多个值的方法汇总
May 20 Javascript
关于webuploader插件使用过程遇到的小问题
Nov 07 Javascript
vue+socket.io+express+mongodb 实现简易多房间在线群聊示例
Oct 21 Javascript
vue+axios+promise实际开发用法详解
Oct 15 Javascript
JS html事件冒泡和事件捕获操作示例
May 01 Javascript
Vue+Element实现动态生成新表单并添加验证功能
May 23 Javascript
layer.open提交子页面的form和layedit文本编辑内容的方法
Sep 27 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
php查看请求头信息获取远程图片大小的方法分享
2013/12/25 PHP
PHP迭代与递归实现无限级分类
2017/08/28 PHP
PHP5中使用mysqli的prepare操作数据库的介绍
2019/03/18 PHP
在线一元二次方程计算器实例(方程计算器在线计算)
2013/12/22 Javascript
通过遮罩层实现浮层DIV登录的js代码
2014/02/07 Javascript
jQuery修改li下的样式以及li下的img的src的值的方法
2014/11/02 Javascript
jQuery 移动端artEditor富文本编辑器
2016/01/11 Javascript
浅谈Javascript数据属性与访问器属性
2016/07/26 Javascript
JSONP和批量操作功能的实现方法
2016/08/21 Javascript
jquery根据name取得select选中的值实例(超简单)
2018/01/25 jQuery
Node.js命令行/批处理中如何更改Linux用户密码浅析
2018/07/22 Javascript
Nodejs 识别图片类型的方法
2019/08/15 NodeJs
Swiper.js实现移动端元素左右滑动
2019/09/08 Javascript
webpack常用构建优化策略小结
2019/11/21 Javascript
微信小程序开发(一):服务器获取数据列表渲染操作示例
2020/06/01 Javascript
[52:05]EG vs OG 2019国际邀请赛小组赛 BO2 第二场 8.16
2019/08/18 DOTA
Python strip lstrip rstrip使用方法
2008/09/06 Python
详解用Python处理HTML转义字符的5种方式
2017/12/27 Python
python爬虫中get和post方法介绍以及cookie作用
2018/02/08 Python
Python 实现将数组/矩阵转换成Image类
2020/01/09 Python
Python连接Oracle之环境配置、实例代码及报错解决方法详解
2020/02/11 Python
Python实时监控网站浏览记录实现过程详解
2020/07/14 Python
Java byte数组操纵方式代码实例解析
2020/07/22 Python
Python自动登录QQ的实现示例
2020/08/28 Python
详解修改Anaconda中的Jupyter Notebook默认工作路径的三种方式
2021/01/24 Python
Dyson加拿大官方网站:购买戴森吸尘器,风扇,冷热器及配件
2016/10/26 全球购物
What's the difference between deep copy and shallow copy? (深拷贝与浅拷贝有什么区别)
2015/11/10 面试题
机电专业毕业生求职信
2013/10/27 职场文书
工作中个人的自我评价
2013/12/31 职场文书
求职信需要的五点内容
2014/02/01 职场文书
蜜蜂引路教学反思
2014/02/04 职场文书
投资合作协议书范本
2014/04/17 职场文书
森林防火标语
2014/06/23 职场文书
淮阳太昊陵导游词
2015/02/10 职场文书
应急管理工作总结2015
2015/05/04 职场文书
CSS布局之浮动(float)和定位(position)属性的区别
2021/09/25 HTML / CSS