欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

javascript截取字符串小結(jié)

 更新時間:2015年04月28日 11:16:14   投稿:hebedich  
本文章收藏了多種字符截取的方法,包括常用的js截取字符串,截取字符串函數(shù)及常用的截取使用,非常的簡單實用,有需要的小伙伴可以參考下。

本文總結(jié)介紹了三種使用Javascript截取字符串的方法,同時也總結(jié)了兩種截取中文字符串的辦法,分享一下。

1.substring 方法

定義和用法
substring 方法用于提取字符串中介于兩個指定下標(biāo)之間的字符。

語法
stringObject.substring(start,stop)

參數(shù) 描述
start 必需。一個非負(fù)的整數(shù),規(guī)定要提取的子串的第一個字符在 stringObject 中的位置。
stop 可選。一個非負(fù)的整數(shù),比要提取的子串的最后一個字符在 stringObject 中的位置多 1。如果省略該參數(shù),那么返回的子串會一直到字符串的結(jié)尾。

返回值
一個新的字符串,該字符串值包含 stringObject 的一個子字符串,其內(nèi)容是從 start 處到 stop-1 處的所有字符,其長度為 stop 減 start。

說明
substring 方法返回的子串包括 start 處的字符,但不包括 end 處的字符。
如果 start 與 end 相等,那么該方法返回的就是一個空串(即長度為 0 的字符串)。
如果 start 比 end 大,那么該方法在提取子串之前會先交換這兩個參數(shù)。
如果 start 或 end 為負(fù)數(shù),那么它將被替換為 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 ])

參數(shù) 描述
start 必需。所需的子字符串的起始位置。字符串中的第一個字符的索引為 0。
length 可選。在返回的子字符串中應(yīng)包括的字符個數(shù)。

說明
如果 length 為 0 或負(fù)數(shù),將返回一個空字符串。
如果沒有指定該參數(shù),則子字符串將延續(xù)到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.自定義方法

以上兩種方法只可以對英文和數(shù)字進(jìn)行截取,遇到中文便無可奈何了,強(qiáng)制使用會導(dǎo)致出現(xiàn)亂碼的情況,經(jīng)本人認(rèn)證研究終于總結(jié)出了兩種能夠使用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; 
} 

第二種方法:
//截取字符串 包含中文處理,參數(shù)含義:(字符串,截取長度,是否增加...) 

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=utf-8" /> 
<title>Javascript字符串截取處理總結(jié)(Js截取中文字符串總結(jié))</title> 
<script language="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 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='我愛www.dbjr.com.cn'; 
alert(str.sub(10)); 
alert(subString(str,10,false)); 
</script> 
</body> 
</html> 

以上所述就是本文的所有內(nèi)容了,希望大家能夠喜歡。

相關(guān)文章

  • JS設(shè)計模式之訪問者模式的用法詳解

    JS設(shè)計模式之訪問者模式的用法詳解

    JS訪問者模式是一種行為型設(shè)計模式,用于將算法與對象結(jié)構(gòu)分離, 該模式允許你定義新的操作(訪問者)而無需修改現(xiàn)有對象結(jié)構(gòu)(被訪問者), 通過這種方式,你可以在不改變對象結(jié)構(gòu)的情況下添加新的操作,本文就給大家詳細(xì)的講講JS訪問者模式的用法
    2023-08-08
  • JS中null和undefined的區(qū)別

    JS中null和undefined的區(qū)別

    在JavaScript中,null和undefined是兩個常見的數(shù)據(jù)類型,本文就詳細(xì)的介紹了JS中null和undefined的區(qū)別,感興趣的可以了解一下
    2023-05-05
  • javascript游戲開發(fā)之《三國志曹操傳》零部件開發(fā)(二)人物行走的實現(xiàn)

    javascript游戲開發(fā)之《三國志曹操傳》零部件開發(fā)(二)人物行走的實現(xiàn)

    上一講我們談到了如何讓靜態(tài)人物變?yōu)閯討B(tài),今天我們來談?wù)勅绾问谷宋镆苿樱信d趣的朋友可以了解下哦,順便鞏固一下animate方法的應(yīng)用,希望本文對你有所幫助
    2013-01-01
  • JS簡單限制textarea內(nèi)輸入字符數(shù)量的方法

    JS簡單限制textarea內(nèi)輸入字符數(shù)量的方法

    這篇文章主要介紹了JS簡單限制textarea內(nèi)輸入字符數(shù)量的方法,涉及JavaScript響應(yīng)鼠標(biāo)及鍵盤事件處理textarea輸入框字符的相關(guān)技巧,具有一定參考借鑒價值,需要的朋友可以參考下
    2015-10-10
  • 10種JavaScript最常見的錯誤(小結(jié))

    10種JavaScript最常見的錯誤(小結(jié))

    這篇文章主要介紹了10種JavaScript最常見的錯誤(小結(jié)),查看了數(shù)千個項目后,發(fā)現(xiàn)了 10 個最常見的 JavaScript 錯誤。我們會告訴你什么原因?qū)е铝诉@些錯誤,以及如何防止這些錯誤發(fā)生
    2019-06-06
  • ppk談JavaScript style屬性

    ppk談JavaScript style屬性

    JavaScript允許你改變站點(diǎn)的CSS表示層。如果想把用戶的眼球吸引到那些你希望他們關(guān)注的頁面元素上,改變樣式是極佳的(也是很普遍的)方式。
    2008-10-10
  • javascript算法解數(shù)獨(dú)實現(xiàn)方案示例

    javascript算法解數(shù)獨(dú)實現(xiàn)方案示例

    這篇文章主要為大家介紹了javascript算法解數(shù)獨(dú)實現(xiàn)方案示例,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪
    2023-08-08
  • Textarea根據(jù)內(nèi)容自適應(yīng)高度

    Textarea根據(jù)內(nèi)容自適應(yīng)高度

    使用JAVASCRIPT控制Textarea內(nèi)容自適應(yīng)高度,實施起來很簡單,很平滑。
    2013-10-10
  • JavaScript對象學(xué)習(xí)小結(jié)

    JavaScript對象學(xué)習(xí)小結(jié)

    JavaScript 中的所有事物都是對象:字符串、數(shù)值、數(shù)組、函數(shù).幾乎用到的每個js都離不開它的js對象。此外,JavaScript 允許自定義對象,下面跟著小編學(xué)習(xí)javascript對象學(xué)習(xí)小結(jié),需要的朋友可以參考下
    2015-09-09
  • 基于JavaScript實現(xiàn)屏幕滾動效果

    基于JavaScript實現(xiàn)屏幕滾動效果

    這篇文章主要為大家詳細(xì)介紹了基于JavaScript實現(xiàn)屏幕滾動效果的相關(guān)資料,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2017-01-01

最新評論