百分百源码网-让建站变得如此简单! 登录 注册 签到领金币!

主页 | 如何升级VIP | TAG标签

当前位置: 主页>网站教程>JS教程> Javasscript截取字符串substring与substr函数详解
分享文章到:

Javasscript截取字符串substring与substr函数详解

发布时间:01/15 来源: 浏览: 关键词:
在javascript用于字符串截取的函数有主要的两个substring与substr函数,下面我分别来介绍它们两截取字符串用法,有需要了解的朋友可进入参考参考。

一、substring

substring需要至少需要一个参数,第一个参数为起始位置,第二个参数可选,为结束位置。

只有一个参数

 代码如下

<meta charset="UTF-8" />
<script type='text/javascript'>
/**
 * substring函数使用DEMO
 */
var str = '欢迎各位童鞋到琼台博客做客';
var sub = str.substring(3);
alert(sub); // out : 位童鞋到琼台博客做客
</script>

两个参数

 代码如下

<meta charset="UTF-8" />
<script type='text/javascript'>
/**
 * substring函数使用DEMO
 */
var str = '欢迎各位童鞋到琼台博客做客';
var sub = str.substring(3,11);
alert(sub); // out : 位童鞋到琼台博客
</script>

二、substr

substr同样至少需要一个参数,第一个参数为起始位置,第二个参数可选,为长度。

只有一个参数

 代码如下
<meta charset="UTF-8" />
<script type='text/javascript'>
/**
 * substring函数使用DEMO
 */
var str = '欢迎各位童鞋到琼台博客做客';
var sub = str.substr(3);
alert(sub); // out : 位童鞋到琼台博客做客
</script>

 
两个参数

 代码如下

<meta charset="UTF-8" />
<script type='text/javascript'>
/**
 * substring函数使用DEMO
 */
var str = '欢迎各位童鞋到琼台博客做客';
var sub = str.substr(3,2);
alert(sub); // out : 位童
</script>

由此以上示例看出,substring与substr在只有一个参数的情况下,结果都是相同的,只有在第二个参数有所区别。


其它的函数

函数:split()
功能:使用一个指定的分隔符把一个字符串分割存储到数组
例子:

 代码如下
str=”jpg|bmp|gif|ico|png”;
arr=theString.split(”|”);
//arr是一个包含字符值”jpg”、”bmp”、”gif”、”ico”和”png”的数组

函数:John()
功能:使用您选择的分隔符将一个数组合并为一个字符串
例子:

 代码如下
var delimitedString=myArray.join(delimiter);
var myList=new Array(”jpg”,”bmp”,”gif”,”ico”,”png”);
var portableList=myList.join(”|”);

//结果是jpg|bmp|gif|ico|png


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

举例:

 代码如下
<script type="text/javascript">
var str = "0123456789";//
alert(str.substring(0));//------------"0123456789"
alert(str.substring(5));//------------"56789"
alert(str.substring(10));//-----------""
alert(str.substring(12));//-----------""
alert(str.substring(-5));//-----------"0123456789"
alert(str.substring(-10));//----------"0123456789"
alert(str.substring(-12));//----------"0123456789"
alert(str.substring(0,5));//----------"01234"
alert(str.substring(0,10));//---------"0123456789"
alert(str.substring(0,12));//---------"0123456789"
alert(str.substring(2,0));//----------"01"
alert(str.substring(2,2));//----------""
alert(str.substring(2,5));//----------"234"
alert(str.substring(2,12));//---------"23456789"
alert(str.substring(2,-2));//---------"01"
alert(str.substring(-1,5));//---------"01234"
alert(str.substring(-1,-5));//--------""
alert(str.substr(0));//---------------"0123456789"
alert(str.substr(5));//---------------"56789"
alert(str.substr(10));//--------------""
alert(str.substr(12));//--------------""
alert(str.substr(-5));//--------------"0123456789"
alert(str.substr(-10));//-------------"0123456789"
alert(str.substr(-12));//-------------"0123456789"
alert(str.substr(0,5));//-------------"01234"
alert(str.substr(0,10));//------------"0123456789"
alert(str.substr(0,12));//------------"0123456789"
alert(str.substr(2,0));//-------------""
alert(str.substr(2,2));//-------------"23"
alert(str.substr(2,5));//-------------"23456"
alert(str.substr(2,12));//------------"23456789"
alert(str.substr(2,-2));//------------""
alert(str.substr(-1,5));//------------"01234"
alert(str.substr(-1,-5));//-----------""
</script>
打赏

打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,你说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

百分百源码网 建议打赏1~10元,土豪随意,感谢您的阅读!

共有4人阅读,期待你的评论!发表评论
昵称: 网址: 验证码: 点击我更换图片
最新评论

本文标签

广告赞助

能出一分力是一分吧!

订阅获得更多模板

本文标签

广告赞助

订阅获得更多模板