快捷導航

js中根據(jù)字數(shù)截取字符串，不能截斷url

更新時間：2012年01月12日 13:23:58 作者：

給一個文字，對輸出的文字進行截取，保留400個字符,其中對url的保留比較麻煩，尤其是有兩個相同url時不能采用indexOf獲取其字符位置

今天收到個需求：
1，給一個文字，對輸出的文字進行截取，保留400個字符
2，截取內(nèi)容最后如果是url，保留完整url地址
3，添加省略號......
----
其中對url的保留比較麻煩，尤其是有兩個相同url時不能采用indexOf獲取其字符位置。
處理結(jié)果：

相關(guān)代碼：

復制代碼代碼如下:

 
String.prototype.sizeAt = function(){ 
var nLen = 0; 
for(var i = 0, end = this.length; i<end; i++){ 
nLen += this.charCodeAt(i)>128?2:1; 
} 
return nLen; 
}; 
String.prototype.cutStr = function(n, sCut){ 
if(this.sizeAt() <= n){ 
return this; 
} 
sCut = sCut || ""; 
var max = n-sCut.sizeAt(); 
var nLen = 0; 
var s = this; 
for(var i =0,end = this.length;i<end;i++){ 
nLen += this.charCodeAt(i)>128?2:1; 
if(nLen>max){ 
s = this.slice(0,i); 
s += sCut; 
break; 
} 
} 
return s.toString(); 
}; 
String.prototype.cutStrButUrl = function(n, sCut){ 
if(this.sizeAt() <=n){ 
return this.toString(); 
} 
sCut = sCut || ""; 
var max = n-sCut.sizeAt(); 
var s = this; 
//查找所有包含的url 
var aUrl = s.match(/https?:\/\/[a-zA-Z0-9]+(\.[a-zA-Z0-9]+)+([-_A-Z0-9a-z\$\.\+\!\*\/,:;@&=\?\~\#\%]*)*/gi); 
//當?shù)趍ax個字符剛好在url之間時，bCut會被設(shè)置為flase; 
var bCut = true; 
if(aUrl){ 
//對每個url進行判斷 
for(var i=0, endI = aUrl.length;i<endI;i++){ 
var sUrl = aUrl[i]; 
//可能出現(xiàn)兩個相同url的情況 
var aP = s.split(sUrl); 
var nCurr = 0; 
var nLenURL = sUrl.sizeAt(); 
var sResult = ""; 
for(j = 0, endJ = aP.length; j<endJ; j++){ 
nCurr +=aP[j].sizeAt(); 
sResult +=aP[j]; 
sResult += sUrl; 
//當前字數(shù)相加少于max但添加url超過max：即會截到url 
if(nCurr < max && nCurr + nLenURL>max){ 
s = sResult + sCut; 
bCut = false; 
break; 
} 
nCurr += nLenURL; 
} 
if(bCut === false){ 
break; 
} 
}; 
} 
if(bCut){ 
s = s.cutStr(n, sCut); 
} 
return s.toString(); 
}; 
console.log('正常截取20個字符'.cutStrButUrl(20,'......')); 
console.log('正常截取20個字符,但我超了'.cutStrButUrl(20,'......')); 
console.log('有url的字符串http://www.baidu.com你能截取到嗎？'.cutStrButUrl(20,'......')); 
console.log('http://www.baidu.com有兩個相同url的字符串http://www.baidu.com好嗎？'.cutStrButUrl(51, '......')); 