本文总结介绍了三种使用javascript截取字符串的方法,同时也总结了两种截取中文字符串的办法,分享一下。
1.substring 方法
定义和用法
substring 方法用于提取字符串中介于两个指定下标之间的字符。
语法
stringobject.substring(start,stop)
参数 描述
start 必需。一个非负的整数,规定要提取的子串的第一个字符在 stringobject 中的位置。
stop 可选。一个非负的整数,比要提取的子串的最后一个字符在 stringobject 中的位置多 1。如果省略该参数,那么返回的子串会一直到字符串的结尾。
返回值
一个新的字符串,该字符串值包含 stringobject 的一个子字符串,其内容是从 start 处到 stop-1 处的所有字符,其长度为 stop 减 start。
说明
substring 方法返回的子串包括 start 处的字符,但不包括 end 处的字符。
如果 start 与 end 相等,那么该方法返回的就是一个空串(即长度为 0 的字符串)。
如果 start 比 end 大,那么该方法在提取子串之前会先交换这两个参数。
如果 start 或 end 为负数,那么它将被替换为 0。
具体使用案例:
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));--------
2.substr 方法
定义和用法
substr 方法用于返回一个从指定位置开始的指定长度的子字符串。
语法
stringobject.substr(start [, length ])
参数 描述
start 必需。所需的子字符串的起始位置。字符串中的第一个字符的索引为 0。
length 可选。在返回的子字符串中应包括的字符个数。
说明
如果 length 为 0 或负数,将返回一个空字符串。
如果没有指定该参数,则子字符串将延续到stringobject的最后。
具体使用案例:
var str = 0123456789; 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));-----------
3.自定义方法
以上两种方法只可以对英文和数字进行截取,遇到中文便无可奈何了,强制使用会导致出现乱码的情况,经本人认证研究终于总结出了两种能够使用javascript截取字符串中包含中文的方法:
第一种方法:
string.prototype.sub=function(n){ var r=/[^\x00-\xff]/g; if(this.replace(r,mm).length<=n){return this;} var m=math.floor(n/2); for(var i=m;i<this.length;i++){ if(this.substr(0,i).replace(r,mm).length>=n){ return this.substr(0,i)+...; } } return this; }
第二种方法:
//截取字符串 包含中文处理,参数含义:(字符串,截取长度,是否增加...)
function substring(str, len, hasdot){ var newlength=0; var newstr=; var chineseregex=/[^\x00-\xff]/g; var singlechar=''; var strlength=str.replace(chineseregex,'**').length; for(var i=0;i < strlength;i++){ singlechar=str.charat(i).tostring(); if(singlechar.match(chineseregex) != null){ newlength+=2; }else{ newlength++; } if(newlength>len){ break; } newstr+=singlechar; } if(hasdot && strlength>len){ newstr+='...'; } return newstr; }
以上使用js截取中文字符串的具体使用方法如下:
<html> <head> <meta http-equiv=content-type content="text/html; charset=gbk"'';var strstrlength=str.replace(chineseregex,'**').length;for(var i=0;i<strlength;i++){singlechar=str.charat(i).tostring();if(singlechar.match(chineseregex)!=null){newlength+=2}else{newlength++}if(newlength>len){break}newstr+=singlechar}if(hasdot&&strlength>len){newstr+='...'}return newstr} </script> </head> <body> <script language=javascript> var str='我爱; alert(str.sub(10)); alert(substring(str,10,false)); </script> </body> </html>
2025国考·省考课程试听报名