jquery過濾特殊字元及js字串轉為數字

SunRain117發表於2014-06-27
jQuery字元JS字串

//替換特殊字元

 $(this).val($(this).val().replace(/[~'!<>@#$%^&*()-+_=:]/g, ""));

 

方法主要有三種

轉換函式、強制型別轉換、利用js變數弱型別轉換。

1. 轉換函式：

js提供了parseInt()和parseFloat()兩個轉換函式。前者把值轉換成整數，後者把值轉換成浮點數。只有對String型別呼叫這些方法，這兩個函式才能正確執行；對其他型別返回的都是NaN(Not a Number)。

一些示例如下：

 

複製程式碼 程式碼如下:

parseInt("1234blue");   //returns   1234
parseInt("0xA");   //returns   10
parseInt("22.5");   //returns   22
parseInt("blue");   //returns   NaN

 

parseInt()方法還有基模式，可以把二進位制、八進位制、十六進位制或其他任何進位制的字串轉換成整數。基是由parseInt()方法的第二個引數指定的，示例如下：

 

複製程式碼 程式碼如下:

parseInt("AF",   16);   //returns   175
parseInt("10",   2);   //returns   2
parseInt("10",   8);   //returns   8
parseInt("10",   10);   //returns   10

 

如果十進位制數包含前導0，那麼最好採用基數10，這樣才不會意外地得到八進位制的值。例如：

 

複製程式碼 程式碼如下:

parseInt("010");   //returns   8
parseInt("010",   8);   //returns   8
parseInt("010",   10);   //returns   10

 

parseFloat()方法與parseInt()方法的處理方式相似。
使用parseFloat()方法的另一不同之處在於，字串必須以十進位制形式表示浮點數，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. 強制型別轉換

還可使用強制型別轉換（type casting）處理轉換值的型別。使用強制型別轉換可以訪問特定的值，即使它是另一種型別的。
ECMAScript中可用的3種強制型別轉換如下：
Boolean(value)——把給定的值轉換成Boolean型；
Number(value)——把給定的值轉換成數字（可以是整數或浮點數）；
String(value)——把給定的值轉換成字串。
用這三個函式之一轉換值，將建立一個新值，存放由原始值直接轉換成的值。這會造成意想不到的後果。
當要轉換的值是至少有一個字元的字串、非0數字或物件（下一節將討論這一點）時，Boolean()函式將返回true。如果該值是空字串、數字0、undefined或null，它將返回false。

可以用下面的程式碼段測試Boolean型的強制型別轉換。

 

複製程式碼 程式碼如下:

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()的強制型別轉換與parseInt()和parseFloat()方法的處理方式相似，只是它轉換的是整個值，而不是部分值。示例如下：

 

複製程式碼 程式碼如下:

用　　法                   結　　果
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

 

最後一種強制型別轉換方法String()是最簡單的，示例如下：

 

複製程式碼 程式碼如下:

var   s1   =   String(null);   //"null"
var   oNull   =   null;
var   s2   =   oNull.toString();   //won't   work,   causes   an   error

 

3. 利用js變數弱型別轉換

舉個小例子，一看，就會明白了。

 

複製程式碼 程式碼如下:

<script>
var   str= '012.345 ';
var   x   =   str-0;
x   =   x*1;
</script>

 

上例利用了js的弱型別的特點，只進行了算術運算，實現了字串到數字的型別轉換，不過這個方法還是不推薦的

相關文章