在js讀取文本框或者其它表單數(shù)據(jù)的時候獲得的值是字符串類型的,例如兩個文本框a和b,如果獲得a的value值為11,b的value值為9 ,那么a.value要小于b.value,因為他們都是字符串形式的.在網(wǎng)上找了一下js字符串轉(zhuǎn)數(shù)字的文章,這個比較全
方法主要有三種
轉(zhuǎn)換函數(shù)檩禾、強制類型轉(zhuǎn)換啸如、利用js變量弱類型轉(zhuǎn)換。
- 轉(zhuǎn)換函數(shù):
js提供了parseInt()和parseFloat()兩個轉(zhuǎn)換函數(shù)拂铡。前者把值轉(zhuǎn)換成整數(shù),后者把值轉(zhuǎn)換成浮點數(shù)埂伦。只有對String類型調(diào)用這些方法潦牛,這兩個函數(shù)才能正確運行;對其他類型返回的都是NaN(Not a Number)狠角。
一些示例如下:
代碼如下:
parseInt("1234blue"); //returns 1234
parseInt("0xA"); //returns 10
parseInt("22.5"); //returns 22
parseInt("blue"); //returns NaN
parseInt()方法還有基模式,可以把二進制蚪腋、八進制丰歌、十六進制或其他任何進制的字符串轉(zhuǎn)換成整數(shù)√肟基是由parseInt()方法的第二個參數(shù)指定的立帖,示例如下:
parseInt("AF", 16); //returns 175
parseInt("10", 2); //returns 2
parseInt("10", 8); //returns 8
parseInt("10", 10); //returns 10
如果十進制數(shù)包含前導(dǎo)0,那么最好采用基數(shù)10悠砚,這樣才不會意外地得到八進制的值晓勇。例如:
代碼如下:
parseInt("010"); //returns 8
parseInt("010", 8); //returns 8
parseInt("010", 10); //returns 10
parseFloat()方法與parseInt()方法的處理方式相似。
使用parseFloat()方法的另一不同之處在于灌旧,字符串必須以十進制形式表示浮點數(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
- 強制類型轉(zhuǎn)換
還可使用強制類型轉(zhuǎn)換(type casting)處理轉(zhuǎn)換值的類型枢泰。使用強制類型轉(zhuǎn)換可以訪問特定的值描融,即使它是另一種類型的。
ECMAScript中可用的3種強制類型轉(zhuǎn)換如下:
Boolean(value)——把給定的值轉(zhuǎn)換成Boolean型宗苍;
Number(value)——把給定的值轉(zhuǎn)換成數(shù)字(可以是整數(shù)或浮點數(shù))稼稿;
String(value)——把給定的值轉(zhuǎn)換成字符串。
用這三個函數(shù)之一轉(zhuǎn)換值讳窟,將創(chuàng)建一個新值,存放由原始值直接轉(zhuǎn)換成的值敞恋。這會造成意想不到的后果丽啡。
當要轉(zhuǎn)換的值是至少有一個字符的字符串、非0數(shù)字或?qū)ο螅ㄏ乱还?jié)將討論這一點)時硬猫,Boolean()函數(shù)將返回true补箍。如果該值是空字符串、數(shù)字0啸蜜、undefined或null坑雅,它將返回false。
可以用下面的代碼段測試Boolean型的強制類型轉(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()的強制類型轉(zhuǎn)換與parseInt()和parseFloat()方法的處理方式相似裹粤,只是它轉(zhuǎn)換的是整個值,而不是部分值蜂林。示例如下:
代碼如下:
用法結(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
最后一種強制類型轉(zhuǎn)換方法String()是最簡單的遥诉,示例如下:
代碼如下:
var s1 = String(null); //"null"
var oNull = null;
var s2 = oNull.toString(); //won't work, causes an error
- 利用js變量弱類型轉(zhuǎn)換
舉個小例子拇泣,一看,就會明白了矮锈。
代碼如下:
<script>
var str= '012.345 ';
var x = str-0;
x = x*1;
</script>
上例利用了js的弱類型的特點霉翔,只進行了算術(shù)運算,實現(xiàn)了字符串到數(shù)字的類型轉(zhuǎn)換苞笨,不過這個方法還是不推薦的;
js中取小數(shù)點后兩位方法最常用的就是四舍五入函數(shù)了债朵,前面我介紹過js中四舍五入一此常用函數(shù),這里正好用上瀑凝,下面我們一起來看取float型小數(shù)點后兩位一些方法總結(jié)
以下我們將為大家介紹 JavaScript 保留兩位小數(shù)的實現(xiàn)方法:
四舍五入
以下處理結(jié)果會四舍五入:
var num =2.446242342;
num = num.toFixed(2); // 輸出結(jié)果為 2.45
不四舍五入
以下處理結(jié)果不會四舍五入:
第一種葱弟,先把小數(shù)邊整數(shù):
Math.floor(15.7784514000 * 100) / 100
// 輸出結(jié)果為 15.77
第二種,當作字符串猜丹,使用正則匹配:
Number(15.7784514000.toString().match(/^\d+(?:\.\d{0,2})?/))
// 輸出結(jié)果為 15.77,不能用于整數(shù)如 10 必須寫為10.0000
注意:如果是負數(shù)芝加,請先轉(zhuǎn)換為正數(shù)再計算,最后轉(zhuǎn)回負數(shù)
javascript保留兩位小數(shù)的實例:
<script type="text/javascript">
//保留兩位小數(shù)
//功能:將浮點數(shù)四舍五入射窒,取小數(shù)點后2位
function toDecimal(x) {
var f = parseFloat(x);
if (isNaN(f)) {
return;
}
f = Math.round(x*100)/100;
return f;
}
//制保留2位小數(shù)藏杖,如:2,會在2后面補上00.即2.00
function toDecimal2(x) {
var f = parseFloat(x);
if (isNaN(f)) {
return false;
}
var f = Math.round(x*100)/100;
var s = f.toString();
var rs = s.indexOf('.');
if (rs < 0) {
rs = s.length;
s += '.';
}
while (s.length <= rs + 2) {
s += '0';
}
return s;
}
function fomatFloat(src,pos){
return Math.round(src*Math.pow(10, pos))/Math.pow(10, pos);
}
//四舍五入
alert("保留2位小數(shù):" + toDecimal(3.14159267));
alert("強制保留2位小數(shù):" + toDecimal2(3.14159267));
alert("保留2位小數(shù):" + toDecimal(3.14559267));
alert("強制保留2位小數(shù):" + toDecimal2(3.15159267));
alert("保留2位小數(shù):" + fomatFloat(3.14559267, 2));
alert("保留1位小數(shù):" + fomatFloat(3.15159267, 1));
//五舍六入
alert("保留2位小數(shù):" + 1000.003.toFixed(2));
alert("保留1位小數(shù):" + 1000.08.toFixed(1));
alert("保留1位小數(shù):" + 1000.04.toFixed(1));
alert("保留1位小數(shù):" + 1000.05.toFixed(1));
//科學(xué)計數(shù)
alert(3.1415.toExponential(2));
alert(3.1455.toExponential(2));
alert(3.1445.toExponential(2));
alert(3.1465.toExponential(2));
alert(3.1665.toExponential(1));
//精確到n位脉顿,不含n位
alert("精確到小數(shù)點第2位" + 3.1415.toPrecision(2));
alert("精確到小數(shù)點第3位" + 3.1465.toPrecision(3));
alert("精確到小數(shù)點第2位" + 3.1415.toPrecision(2));
alert("精確到小數(shù)點第2位" + 3.1455.toPrecision(2));
alert("精確到小數(shù)點第5位" + 3.141592679287.toPrecision(5));
</script>
用Javascript取float型小數(shù)點后兩位蝌麸,例22.127456取成22.13,如何做?
1.丟棄小數(shù)部分,保留整數(shù)部分
parseInt(5/2)
2.向上取整,有小數(shù)就整數(shù)部分加1
Math.ceil(5/2)
3,四舍五入.
Math.round(5/2)
4,向下取整
Math.floor(5/2)
另類的方法
- 最笨的辦法
復(fù)制代碼 代碼如下:
function get()
{
var s = 22.127456 + "";
var str = s.substring(0,s.indexOf(".") + 3);
alert(str);
}
- 正則表達式效果不錯
復(fù)制代碼 代碼如下:
<script type="text/javascript">
onload = function(){
var a = "23.456322";
var aNew;
var re = /([0-9]+.[0-9]{2})[0-9]*/;
aNew = a.replace(re,"$1");
alert(aNew);
}
</script>
- 他就比較聰明了.....
代碼如下:
<script>
var num=22.127456;
alert( Math.round(num*100)/100);
</script>
4.會用新鮮東西的朋友....... 但是需要 IE5.5+才支持艾疟。
5.js保留2位小數(shù)(強制)
對于小數(shù)點位數(shù)大于2位的来吩,用上面的函數(shù)沒問題,但是如果小于2位的蔽莱,比如:changeTwoDecimal(3.1)弟疆,將返回3.1,如果你一定需要3.10這樣的格式盗冷,那么需要下面的這個函數(shù):
代碼如下:
function changeTwoDecimal_f(x) {
var f_x = parseFloat(x);
if (isNaN(f_x)) {
alert('function:changeTwoDecimal->parameter error');
return false;
}
var f_x = Math.round(x * 100) / 100;
var s_x = f_x.toString();
var pos_decimal = s_x.indexOf('.');
if (pos_decimal < 0) {
pos_decimal = s_x.length;
s_x += '.';
}
while (s_x.length <= pos_decimal + 2) {
s_x += '0';
}
return s_x;
}
功能:將浮點數(shù)四舍五入怠苔,取小數(shù)點后2位,如果不足2位則補0,
這個函數(shù)返回的是字符串的格式用法:changeTwoDecimal(3.1415926)返回3.14 changeTwoDecimal(3.1)返回3.10