默認的截取字符串都是根據字符長度或位置截取的,典型的兩個方法是substr和substring。
這樣導致的問題是截取同樣長度的字符串時,多字節字符(漢字等)和單字節字符(半角英文字母、半角數字)占的位置長度差距較大,視覺上不太美觀,比如同樣是10個字符:
壹貳叄肆伍陸柒捌玖拾 abcdefghih
/*
* param str 要截取的字符串
* param L 要截取的字節長度,注意是字節不是字符,一個漢字兩個字節
* return 截取后的字符串
*/
function cutStr(str,L){
var result = '',
strlen = str.length, // 字符串長度
chrlen = str.replace(/[^\x00-\xff]/g,'**').length; // 字節長度
if(chrlen<=L){return str;}
for(var i=0,j=0;i<strlen;i++){
var chr = str.charAt(i);
if(/[\x00-\xff]/.test(chr)){
j++; // ascii碼為0-255,一個字符就是一個字節的長度
}else{
j+=2; // ascii碼為0-255以外,一個字符就是兩個字節的長度
}
if(j<=L){ // 當加上當前字符以后,如果總字節長度小於等於L,則將當前字符真實的+在result后
result += chr;
}else{ // 反之則說明result已經是不拆分字符的情況下最接近L的值了,直接返回
return result;
}
}
}
// 用例
alert(cutStr("測試1字符串哈哈哈哈",10));
alert(cutStr("abcdefghigklmn",10));