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é)果:
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, '......'));
1,給一個文字,對輸出的文字進行截取,保留400個字符
2,截取內(nèi)容最后如果是url,保留完整url地址
3,添加省略號......
----
其中對url的保留比較麻煩,尤其是有兩個相同url時不能采用indexOf獲取其字符位置。
處理結(jié)果:
復(fù)制代碼 代碼如下:
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, '......'));
相關(guān)文章
解決bootstrap中modal遇到Esc鍵無法關(guān)閉頁面
Bootstrap,來自 Twitter,是目前最受歡迎的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的,它簡潔靈活,使得 Web 開發(fā)更加快捷。不過在使用的過程中,我們還是會遇到各種小問題,今天我們探討的就是個人在使用中遇到的一個小BUG的修復(fù)。2015-03-03JS Range HTML文檔/文字內(nèi)容選中、庫及應(yīng)用介紹
本文的內(nèi)容基本上是基于“區(qū)域范圍對象(Range objects)”這個概念來說的2011-05-05