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 TextArea动态显示剩余字符
Oct 22 Javascript
js 实现在离开页面时提醒未保存的信息(减少用户重复操作)
Jan 16 Javascript
javascript实现textarea中tab键的缩排处理方法
Jun 26 Javascript
jQuery实现内容定时切换效果完整实例
Apr 06 Javascript
js验证框架实现代码分享
May 18 Javascript
Angular ui.bootstrap.pagination分页
Jan 20 Javascript
vue数据双向绑定原理解析(get &amp; set)
Mar 08 Javascript
Vue中父组件向子组件通信的方法
Jul 11 Javascript
vue-cli项目无法用本机IP访问的解决方法
Sep 20 Javascript
小程序表单认证布局及验证详解
Jun 19 Javascript
jquery自定义组件实例详解
Dec 31 jQuery
利用前端HTML+CSS+JS开发简单的TODOLIST功能(记事本)
Apr 13 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开发者事半功倍的十大技巧小结
2010/04/20 PHP
PHP中new static()与new self()的区别异同分析
2014/08/22 PHP
基于GD2图形库的PHP生成图片缩略图类代码分享
2015/02/08 PHP
正确的PHP匹配UTF-8中文的正则表达式
2015/05/13 PHP
PHP安装扩展mcrypt以及相关依赖项深入讲解
2021/03/04 PHP
让焦点自动跳转
2006/07/01 Javascript
解决ExtJS在chrome或火狐中正常显示在ie中不显示的浏览器兼容问题
2013/01/11 Javascript
实现点击列表弹出列表索引的两种方式
2013/03/08 Javascript
使用jQuery避免鼠标双击的解决方案
2013/08/21 Javascript
js简单的表格添加行和删除行操作示例
2014/03/31 Javascript
node.js中的fs.lstatSync方法使用说明
2014/12/16 Javascript
JS版元素周期表实现方法
2015/08/05 Javascript
js限制文本框只能输入中文的方法
2015/08/11 Javascript
JS+CSS实现鼠标滑过时动态翻滚的导航条效果
2015/09/24 Javascript
javascript每日必学之封装
2016/02/23 Javascript
JavaScript实现网页头部进度条刷新
2017/04/16 Javascript
全面解析Node.js 8 重要功能和修复
2017/06/02 Javascript
JavaScript之创意时钟项目(实例讲解)
2017/10/23 Javascript
解决node修改后需频繁手动重启的问题
2018/05/13 Javascript
微信小程序实现倒计时调用相机自动拍照功能
2018/06/10 Javascript
Vue scrollBehavior 滚动行为实现后退页面显示在上次浏览的位置
2019/05/27 Javascript
微信小程序中限制激励式视频广告位显示次数(实现思路)
2019/12/06 Javascript
详解JavaScript数据类型和判断方法
2020/09/04 Javascript
nodejs+koa2 实现模仿springMVC框架
2020/10/21 NodeJs
详解python中的json的基本使用方法
2016/12/21 Python
python调用百度AI接口实现人流量统计
2021/02/03 Python
世界首屈一指的在线男士内衣权威:HisRoom
2017/08/05 全球购物
4s客服专员岗位职责
2013/12/01 职场文书
职业生涯规划怎么写
2013/12/29 职场文书
公司会计岗位职责
2014/02/13 职场文书
会议主持词
2014/03/17 职场文书
高中生思想道德自我评价
2015/03/09 职场文书
新学期开学标语2015
2015/07/16 职场文书
干部培训简讯
2015/07/20 职场文书
开发一个封装iframe的vue组件
2021/03/29 Vue.js
oracle DGMGRL ORA-16603报错的解决方法(DG Broker)
2021/04/06 Oracle