javascript 自定義常用方法第1/2頁

2019-11-21 01:11:34

字體：大中小

來源：轉載

供稿：網友

比如說頁面的字符處理，js的正則表達式驗證等等。下面我就將我自己淺薄的開發經驗綜合網上的龐雜資源稍稍綜合整理一下，省得自己以后要用到時再搜索了。這個系列我會將平時常用的函數歸納整理起來，全當作是拋磚引玉吧。
Code is cheap.看代碼：
一、常見的字符串處理函數

// 返回字符的長度，一個中文算2個
String.prototype.ChineseLength = function() {
return this .replace( / [ ^ /x00 - /xff] / g, " ** " ).length;
}

// 去掉字符串兩端的空白字符
String.prototype.Trim = function() {
return this .replace( / ( ^ /s + ) | (/s + $) / g, "" );
}

// 去掉字符左端的的空白字符
String.prototype.LeftTrim = function() {
return this .replace( / ( ^ [/s] * ) / g, "" );
}

// 去掉字符右端的空白字符
String.prototype.RightTrim = function() {
return this .replace( / ([/s] * $) / g, "" );
}

/* 忽略大小寫比較字符串是否相等
注：不忽略大小寫比較用 == 號 */
String.prototype.IgnoreCaseEquals = function(str) {
return this .toLowerCase() == str.toLowerCase();
}

/* 不忽略大小寫比較字符串是否相等 */
String.prototype.Equals = function(str) {
return ( this == str);
}

/* 比較字符串，根據結果返回 -1, 0
返回值相同：0 不相同：-1
*/
String.prototype.CompareTo = function(str) {
if ( this == str) {
return 0 ;
} else
return - 1 ;
}

// 字符串替換
String.prototype.Replace = function(oldValue, newValue) {
var reg = new RegExp(oldValue, " g " );
return this .replace(reg, newValue);
}

// 檢查是否以特定的字符串結束
String.prototype.EndsWith = function(str) {
return this .substr( this .length - str.length) == str;
}

// 判斷字符串是否以指定的字符串開始
String.prototype.StartsWith = function(str) {
return this .substr( 0 , str.length) == str;
}

// 從左邊截取n個字符
String.prototype.LeftSlice = function(n) {
return this .substr( 0 , n);
}

// 從右邊截取n個字符
String.prototype.RightSlice = function(n) {
return this .substring( this .length - n);
}

// 統計指定字符出現的次數
String.prototype.Occurs = function(ch) {
// var re = eval("/[^"+ch+"]/g");
// return this.replace(re, "").length;
return this .split(ch).length - 1 ;
}

/* 構造特定樣式的字符串，用 <span></span> 包含 */
String.prototype.Style = function(style) {
return " <span style=/ "" .concat(style, " / " > " , this , " </span> " );
}

// 構造類似StringBuilder的函數(連接多個字符串時用到，很方便)
function StringBuilder(str) {
this .tempArr = new Array();
}
StringBuilder.prototype.Append = function(value) {
this .tempArr.push(value);
return this ;
}
StringBuilder.prototype.Clear = function() {
this .tempArr.length = 0 ;
}
StringBuilder.prototype.toString = function() {
return this .tempArr.join( '' );
}

// 字符串常見方法及擴展
function test() {
var testStr = " This is a test string " ;
var testStr2 = " 字符串 " ;
// alert(testStr.Trim());
// alert(testStr.LeftTrim());
// alert(testStr.RightTrim());
// alert(testStr2.ChineseLength());
// alert(testStr2.CompareTo(testStr));
// alert(testStr2.StartsWith("字符串"));
// document.write(testStr2.Style("color:red;width:100px"));
// alert(testStr2.LeftSlice(2));
// alert(testStr.RightSlice(7));
// alert(testStr.Occurs("s"));
/* StringBuilder測試 */
// var testStr3 = new StringBuilder("");
// testStr3.Append("test3/r/n");
// testStr3.Append("test3test3/r/n");
// testStr3.Append("test3");
// alert(testStr3.toString());
// testStr3.Clear();
// alert(testStr3.toString());
}

二、常用的正則表達式

/* -----------------------下面的函數還是涉及到了一些字符串的處理，但是當作正則表達式的一部分看起來更合理----------------------------- */
// 檢查字符串是否由數字組成
String.prototype.IsDigit = function () {
var str = this .Trim();
return (str.replace( / /d / g, "" ).length == 0 );
}

// 校驗字符串是否為浮點型
String.prototype.IsFloat = function () {
var str = this .Trim();
// 如果為空，則不通過校驗
if (str == "" )
return false ;
// 如果是整數，則校驗整數的有效性
if (str.indexOf( " . " ) == - 1 ) {
return str.IsDigit();
}
else {
if ( / ^(/-?)(/d+)(.{1})(/d+)$ / g.test(str))
return true ;
else
return false ;
}
}

// 檢驗是否是負整數
function isNegativeInteger(str) {
// 如果為空，則不通過校驗
if (str == "" )
return false ;
if (str.IsDigit()) {
if (parseInt(str, 10 ) < 0 )
return true ;
else
return false ;
}
else
return false ;
}

// 檢驗是否是負浮點數數
function isNegativeFloat(str) {
// 如果為空，則不通過校驗
if (str == "" )
return false ;
if (str.IsFloat()) {
if (parseFloat(str, 10 ) < 0 )
return true ;
else
return false ;
}
else
return false ;
}

// 是否是由字母組成的字符串
function isCharacter(str) {
return ( / ^[A-Za-z]+$ / .test(str));
}

// 是否是字母、數字組成的字符串
function isNumberCharacter(str) {
return ( / ^[A-Za-z0-9]+$ / .test(str));
}

// 是否是email
function isEmail(str) {
return ( / (/S)+[@]{1}(/S)+[.]{1}(/w)+ / .test(str))
}

// 是否是url(評注：網上流傳的版本功能很有限，下面這個基本可以滿足需求)
function isUrl(str) {
return ( / ([a-zA-z]+:/ / / / )?[^s]* / .test(str));
}

// 是否是ip地址
function isIpAddress(str) {
return / (/d+)/.(/d+)/.(/d+)/.(/d+) / .test(str);
}

// 是否是漢字組成的字符串
function isChinese(str) {
return ( / ^[/u4e00-/u9fa5]+$ / .test(str));
}

// 是否是雙字節字符(包括漢字在內)
function isUnicode(str) {
return ( / ^[/x00-/xff]+$ / .test(str));
}

// 是否是電話號碼
function isTelephone(str) {
// 兼容格式: 國家代碼(2到3位)-區號(2到3位)(-)?電話號碼(7到8位)-分機號(3位)
return ( / ^(([0/+]/d{2,3}-)?(0/d{2,3}))?[-]?(/d{7,8})(-(/d{3,}))?$ / .test(str));
}

// 是否是手機號碼
function isMobilePhone(str) {
return ( / ^((/(/d{3}/))|(/d{3}/-))?1[3,5]/d{9}$ / .test(str));
}

// 是否是QQ號碼(騰訊QQ號從10000開始)
function isQQNumber(str) {
return ( / ^[1-9][0-9]{4,}$ / .test(str));
}

// 是否是國內的郵政編碼(中國郵政編碼為6位數字)
function isMailCode(str) {
return ( / /d{6} / .test(str));
}

// 是否是國內的身份證號碼
function isIdNumber(str) {
return ( / /d{15}|/d{18} / .test(str));
}

關于正則表達式，網上還有很多的有深度的文章，我這里就拷貝幾段常用的代碼了，其實學懂了基本的正則知識后普通的驗證不過是小菜一碟，不再贅述。

12 下一頁閱讀全文

上一篇：javascript 自定義事件初探

下一篇：IE 下的只讀 innerHTML