js中根據(jù)字?jǐn)?shù)截取字符串,不能截?cái)鄒rl
更新時(shí)間:2012年01月12日 13:23:58 作者:
給一個(gè)文字,對(duì)輸出的文字進(jìn)行截取,保留400個(gè)字符,其中對(duì)url的保留比較麻煩,尤其是有兩個(gè)相同url時(shí)不能采用indexOf獲取其字符位置
今天收到個(gè)需求:
1,給一個(gè)文字,對(duì)輸出的文字進(jìn)行截取,保留400個(gè)字符
2,截取內(nèi)容最后如果是url,保留完整url地址
3,添加省略號(hào)......
----
其中對(duì)url的保留比較麻煩,尤其是有兩個(gè)相同url時(shí)不能采用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);
//當(dāng)?shù)趍ax個(gè)字符剛好在url之間時(shí),bCut會(huì)被設(shè)置為flase;
var bCut = true;
if(aUrl){
//對(duì)每個(gè)url進(jìn)行判斷
for(var i=0, endI = aUrl.length;i<endI;i++){
var sUrl = aUrl[i];
//可能出現(xiàn)兩個(gè)相同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;
//當(dāng)前字?jǐn)?shù)相加少于max但添加url超過(guò)max:即會(huì)截到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個(gè)字符'.cutStrButUrl(20,'......'));
console.log('正常截取20個(gè)字符,但我超了'.cutStrButUrl(20,'......'));
console.log('有url的字符串http://www.baidu.com你能截取到嗎?'.cutStrButUrl(20,'......'));
console.log('http://www.baidu.com有兩個(gè)相同url的字符串http://www.baidu.com好嗎?'.cutStrButUrl(51, '......'));
1,給一個(gè)文字,對(duì)輸出的文字進(jìn)行截取,保留400個(gè)字符
2,截取內(nèi)容最后如果是url,保留完整url地址
3,添加省略號(hào)......
----
其中對(duì)url的保留比較麻煩,尤其是有兩個(gè)相同url時(shí)不能采用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);
//當(dāng)?shù)趍ax個(gè)字符剛好在url之間時(shí),bCut會(huì)被設(shè)置為flase;
var bCut = true;
if(aUrl){
//對(duì)每個(gè)url進(jìn)行判斷
for(var i=0, endI = aUrl.length;i<endI;i++){
var sUrl = aUrl[i];
//可能出現(xiàn)兩個(gè)相同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;
//當(dāng)前字?jǐn)?shù)相加少于max但添加url超過(guò)max:即會(huì)截到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個(gè)字符'.cutStrButUrl(20,'......'));
console.log('正常截取20個(gè)字符,但我超了'.cutStrButUrl(20,'......'));
console.log('有url的字符串http://www.baidu.com你能截取到嗎?'.cutStrButUrl(20,'......'));
console.log('http://www.baidu.com有兩個(gè)相同url的字符串http://www.baidu.com好嗎?'.cutStrButUrl(51, '......'));
您可能感興趣的文章:
- C# double和decimal數(shù)據(jù)類型以截?cái)嗟姆绞奖A糁付ǖ男?shù)位數(shù)
- MSSQL 將截?cái)嘧址蚨M(jìn)制數(shù)據(jù)問(wèn)題的解決方法
- oracle中截?cái)啾淼氖褂媒榻B
- c#完美截?cái)嘧址a(中文+非中文)
- PHP UTF8中文字符截?cái)嗪瘮?shù)代碼
- PHP在字符斷點(diǎn)處截?cái)辔淖值膶?shí)現(xiàn)代碼
- PHP連接MSSQL時(shí)nvarchar字段長(zhǎng)度被截?cái)酁?55的解決方法
- php使用iconv中文截?cái)鄦?wèn)題的解決方法
- PHP截?cái)鄻?biāo)題且兼容utf8和gb2312編碼
- js實(shí)現(xiàn)文字截?cái)喙δ?/a>
相關(guān)文章
微信小程序引入外部icon(阿里巴巴矢量圖標(biāo))的全過(guò)程
在小程序中,有默認(rèn)的圖標(biāo)icon組件,但你會(huì)發(fā)現(xiàn)它的圖標(biāo)樣式很少,可能很多時(shí)候并不能滿足我們的需求,所以這篇文章主要給大家介紹了關(guān)于微信小程序引入外部icon(阿里巴巴矢量圖標(biāo))的相關(guān)資料,需要的朋友可以參考下2022-09-09JS的location.href跳出框架打開(kāi)新頁(yè)面的方法
登錄頁(yè)面在框架內(nèi)打開(kāi),想讓它直接跳出框架打開(kāi)(這里不是打開(kāi)新窗口),終于在網(wǎng)上找到了辦法,下面分享給大家2014-09-09基于zepto.js實(shí)現(xiàn)手機(jī)相冊(cè)功能
這篇文章主要為大家詳細(xì)介紹了基于zepto.js實(shí)現(xiàn)手機(jī)相冊(cè)功能,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-07-07解決bootstrap中modal遇到Esc鍵無(wú)法關(guān)閉頁(yè)面
Bootstrap,來(lái)自 Twitter,是目前最受歡迎的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的,它簡(jiǎn)潔靈活,使得 Web 開(kāi)發(fā)更加快捷。不過(guò)在使用的過(guò)程中,我們還是會(huì)遇到各種小問(wèn)題,今天我們探討的就是個(gè)人在使用中遇到的一個(gè)小BUG的修復(fù)。2015-03-03JavaScript中子對(duì)象訪問(wèn)父對(duì)象的方式詳解
js中雖然沒(méi)有傳統(tǒng)面向?qū)ο蟮木幊陶Z(yǔ)言里子類訪問(wèn)父類的特殊語(yǔ)法,但是我們可以根據(jù)需要造一個(gè),接下來(lái)本文給大家分享在JavaScript中子對(duì)象訪問(wèn)父對(duì)象的方式,需要的朋友可以參考下2016-09-09JS Range HTML文檔/文字內(nèi)容選中、庫(kù)及應(yīng)用介紹
本文的內(nèi)容基本上是基于“區(qū)域范圍對(duì)象(Range objects)”這個(gè)概念來(lái)說(shuō)的2011-05-05Express框架詳解app函數(shù)使用實(shí)例
這篇文章主要為大家介紹了Express框架app函數(shù)使用實(shí)例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-03-03