jQuery過濾特殊字符及JS字符串轉(zhuǎn)為數(shù)字
//替換特殊字符
$(this).val($(this).val().replace(/[~'!<>@#$%^&*()-+_=:]/g, ""));
方法主要有三種
轉(zhuǎn)換函數(shù)、強(qiáng)制類型轉(zhuǎn)換、利用js變量弱類型轉(zhuǎn)換。
1. 轉(zhuǎn)換函數(shù):
js提供了parseInt()和parseFloat()兩個(gè)轉(zhuǎn)換函數(shù)。前者把值轉(zhuǎn)換成整數(shù),后者把值轉(zhuǎn)換成浮點(diǎn)數(shù)。只有對(duì)String類型調(diào)用這些方法,這兩個(gè)函數(shù)才能正確運(yùn)行;對(duì)其他類型返回的都是NaN(Not a Number)。
一些示例如下:
parseInt("1234blue"); //returns 1234 parseInt("0xA"); //returns 10 parseInt("22.5"); //returns 22 parseInt("blue"); //returns NaN
parseInt()方法還有基模式,可以把二進(jìn)制、八進(jìn)制、十六進(jìn)制或其他任何進(jìn)制的字符串轉(zhuǎn)換成整數(shù)?;怯蓀arseInt()方法的第二個(gè)參數(shù)指定的,示例如下:
parseInt("AF", 16); //returns 175 parseInt("10", 2); //returns 2 parseInt("10", 8); //returns 8 parseInt("10", 10); //returns 10
如果十進(jìn)制數(shù)包含前導(dǎo)0,那么最好采用基數(shù)10,這樣才不會(huì)意外地得到八進(jìn)制的值。例如:
parseInt("010"); //returns 8 parseInt("010", 8); //returns 8 parseInt("010", 10); //returns 10
parseFloat()方法與parseInt()方法的處理方式相似。
使用parseFloat()方法的另一不同之處在于,字符串必須以十進(jìn)制形式表示浮點(diǎn)數(shù),parseFloat()沒有基模式。
下面是使用parseFloat()方法的示例:
parseFloat("1234blue"); //returns 1234.0 parseFloat("0xA"); //returns NaN parseFloat("22.5"); //returns 22.5 parseFloat("22.34.5"); //returns 22.34 parseFloat("0908"); //returns 908 parseFloat("blue"); //returns NaN
2. 強(qiáng)制類型轉(zhuǎn)換
還可使用強(qiáng)制類型轉(zhuǎn)換(type casting)處理轉(zhuǎn)換值的類型。使用強(qiáng)制類型轉(zhuǎn)換可以訪問特定的值,即使它是另一種類型的。
ECMAScript中可用的3種強(qiáng)制類型轉(zhuǎn)換如下:
Boolean(value)——把給定的值轉(zhuǎn)換成Boolean型;
Number(value)——把給定的值轉(zhuǎn)換成數(shù)字(可以是整數(shù)或浮點(diǎn)數(shù));
String(value)——把給定的值轉(zhuǎn)換成字符串。
用這三個(gè)函數(shù)之一轉(zhuǎn)換值,將創(chuàng)建一個(gè)新值,存放由原始值直接轉(zhuǎn)換成的值。這會(huì)造成意想不到的后果。
當(dāng)要轉(zhuǎn)換的值是至少有一個(gè)字符的字符串、非0數(shù)字或?qū)ο螅ㄏ乱还?jié)將討論這一點(diǎn))時(shí),Boolean()函數(shù)將返回true。如果該值是空字符串、數(shù)字0、undefined或null,它將返回false。
可以用下面的代碼段測(cè)試Boolean型的強(qiáng)制類型轉(zhuǎn)換。
Boolean(""); //false – empty string Boolean("hi"); //true – non-empty string Boolean(100); //true – non-zero number Boolean(null); //false - null Boolean(0); //false - zero Boolean(new Object()); //true – object
Number()的強(qiáng)制類型轉(zhuǎn)換與parseInt()和parseFloat()方法的處理方式相似,只是它轉(zhuǎn)換的是整個(gè)值,而不是部分值。示例如下:
用 法 結(jié) 果
Number(false) 0
Number(true) 1
Number(undefined) NaN
Number(null) 0
Number( "5.5 ") 5.5
Number( "56 ") 56
Number( "5.6.7 ") NaN
Number(new Object()) NaN
Number(100) 100
最后一種強(qiáng)制類型轉(zhuǎn)換方法String()是最簡單的,示例如下:
var s1 = String(null); //"null" var oNull = null; var s2 = oNull.toString(); //won't work, causes an error
3. 利用js變量弱類型轉(zhuǎn)換
舉個(gè)小例子,一看,就會(huì)明白了。
<script> var str= '012.345 '; var x = str-0; x = x*1; </script>
上例利用了js的弱類型的特點(diǎn),只進(jìn)行了算術(shù)運(yùn)算,實(shí)現(xiàn)了字符串到數(shù)字的類型轉(zhuǎn)換,不過這個(gè)方法還是不推薦的。
- js 字符串轉(zhuǎn)換成數(shù)字的三種方法
- js字符串轉(zhuǎn)換成數(shù)字與數(shù)字轉(zhuǎn)換成字符串的實(shí)現(xiàn)方法
- JavaScript數(shù)字和字符串轉(zhuǎn)換示例
- 淺談JS 數(shù)字和字符串之間相互轉(zhuǎn)化的糾紛
- JavaScript字符串轉(zhuǎn)數(shù)字的5種方法及遇到的坑
- js 數(shù)字、字符串、布爾值的轉(zhuǎn)換方法(必看)
- Angularjs 雙向綁定時(shí)字符串的轉(zhuǎn)換成數(shù)字類型的問題
- js整數(shù)字符串轉(zhuǎn)換為金額類型數(shù)據(jù)(示例代碼)
- Javascript將數(shù)字轉(zhuǎn)化成為貨幣格式字符串
- JavaScript字符串轉(zhuǎn)數(shù)字的簡單實(shí)現(xiàn)方法
相關(guān)文章
基于jquery的二級(jí)聯(lián)動(dòng)菜單實(shí)現(xiàn)代碼
基于jquery的二級(jí)聯(lián)動(dòng)菜單實(shí)現(xiàn)代碼,腳本之家簡單整理了幾種。需要的朋友可以參考下,主要是思路2011-04-04jquery插件star-rating.js實(shí)現(xiàn)星級(jí)評(píng)分特效
Bootstrap Star Rating是一個(gè)簡單而強(qiáng)大的jQuery插件實(shí)現(xiàn)星級(jí)分?jǐn)?shù)評(píng)級(jí)。支持像分?jǐn)?shù)星填充和RTL輸入先進(jìn)的功能。在利用純CSS-3造型使控制重點(diǎn)開發(fā)。該插件使用引導(dǎo)標(biāo)記和造型默認(rèn)情況下,但它可以覆蓋與其他任何CSS的標(biāo)記。2015-04-04Jquery Ajax學(xué)習(xí)實(shí)例5 向WebService發(fā)出請(qǐng)求,返回泛型集合數(shù)據(jù)的異步調(diào)用
通過點(diǎn)擊按鈕來請(qǐng)求WebService.asmx的 GetList()方法,獲取泛型集合。2010-03-03jQuery解決下拉框select設(shè)寬度時(shí)IE 6/7/8下option超出顯示不全
jQuery解決IE 6/7/8 BUG:下拉框select設(shè)寬度時(shí)option超出顯示不全,經(jīng)過修改效果還不錯(cuò),遇到類似情況的朋友可以參考下哈2013-05-05