网站地图    收藏   

主页 > 前端 > javascript >

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

来源:自学PHP网    时间:2014-09-19 14:47 作者: 阅读:

[导读] 在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>

自学PHP网专注网站建设学习,PHP程序学习,平面设计学习,以及操作系统学习

京ICP备14009008号-1@版权所有www.zixuephp.com

网站声明:本站所有视频,教程都由网友上传,站长收集和分享给大家学习使用,如由牵扯版权问题请联系站长邮箱904561283@qq.com

添加评论