给寻找编程代码教程的朋友们精选了相关的编程文章,网友甘子亦根据主题投稿了本篇教程内容,涉及到javascript、数值转换、javascript数值强制转换方法相关内容,已被143网友关注,内容中涉及的知识点可以在下方直接下载获取。
javascript数值强制转换方法
javascript中的数值如何进行强制转换
javascript数据类型分为基本数据类型和引用数据类型
基本数据:Number, Boolean, Undefined, Null, String;
引用数据:Object;
当0.000...01,小数点后大于等于7位时会自动转换成科学计数法
当20000...00,当整数部分大于等于22位时会自动转换成科学计数法。
Number(x):一个参数;
参数为Number类型时:能正确输出;
console.log(Number(1)); //1 console.log(Number(1e-7)); //1e-7 console.log(Number(0b111)); //7 console.log(Number(NaN)); //NaN
参数为Boolean类型时:true->1;fasle->0;
console.log(Number(true)); //1 console.log(Number(false)); //0
参数为undefined时:其值为NaN
console.log(Number(undefined)); //NaN
参数为null时:
console.log(Number(null)); //0
参数为String类型时:
//数字字符串 console.log(Number("123")); //123 console.log(Number("-123")); //-123 console.log(Number("12.3")); //12.3 console.log(Number("1e-7")); //1e-7 console.log(Number("0xff")); //255 console.log(Number("00123")); //123 console.log(Number(" 123")); //123 console.log(Number("\t\n123")); //123 //数字+字符或全字符字符串 console.log(Number('a123')); //NaN console.log(Number("false")); //NaN console.log(Number("a123")); //NaN //空串或者空格字符串 console.log(Number("\t\n")); //0 console.log(Number(" ")); //0 console.log(Number("")); //0
参数类型是对象时:先进行.valueOf(),如得到的时对象再进行toString(),待得到基本数据类型为止,例如{}.valueOf().toString() = "[object Object]" 最后number的结果就是NaN了
console.log(Number({})); //NaN console.log(Number([1])); //1 console.log(Number([1,2])); //NaN cosole.log(Number([])); //0
parseInt(x,y):2个参数,
流程是:先String(x)变为字符串,再将该值以y进制为基底转为十进制数,不填着为10,y的范围: [2,36]
无参数y时:
x参数为number时:值得注意??的是0.001,1e-7类型的值,会舍去小数点(e)后面的数值,返回前面的。
console.log(parseInt(123)); //123 console.log(parseInt(1e-7)); //1 console.log(parseInt(0xff)); //255 console.log(parseInt(NaN)); //NaN console.log(parseInt(0.00001)); //0
x参数为boolean,undefined,null时:
console.log(parseInt(true)); //NaN console.log(parseInt(false)); //NaN console.log(parseInt(undefined)); //NaN console.log(parseInt(null)); //NaN
x参数为String类型时:需要注意的时空串,空格字符串,数字+字符
console.log(parseInt("")); //NaN console.log(parseInt("-123")); //-123 console.log(parseInt(" ")); //NaN console.log(parseInt("\t\n")); //NaN console.log(parseInt("a123")); //NaN console.log(parseInt("123a")); //123
参数x为对象时:同理通过.valueOf(),如得到的时对象再进行toString(),待得到基本数据类型为止,然后按上述规则进行输出
console.log(parseInt({1:2})); //"[object Object]"->NaN console.log(parseInt([])); //""->NaN console.log(parseInt([1,2])); //"1,2"->//1
带参数x,y,当y为0,null,undefined,NaN时,会将y忽略默认为10,超过[2,36]的范围时返回NaN,当x值无妨被y进制表示时返回NaN,其余能表示几位就几位
console.log(parseInt("f",2)); //NaN console.log(parseInt("11f",2); //3 console.log(parseInt("123",37)); //NaN console.log(parseInt("0xff",0)); //255 console.log(parseInt("0xff",NaN)); //255 console.log(parseInt("ff",[])); //NaN
parseFloat(x):一个参数,能正确表示浮点数以及科学计数法,但是对字符串进制数不能正确表示,其余与parseInt(x,10)一样
console.log(parseFloat(0xff)); //255 console.log(parseFloat("0xff")); //0 console.log(parseInt("0xff")); //255 个人猜测parseInt(x,y)有y的存在所以能正确输出 console.log(parseFloat(1e22)); //1e22 console.log(parseFloat(1e-7)); //1e-7 console.log(parseFloat("00123")); //123 console.log(parseFloat(" ")); //NaN
String(), .toString()
第一:undefined, null没有toString()属性只能通过String(undefiend)
第二:y.toString(x), 的意思是将目标数值y转为x进制的数值
console.log(String(null)); //"null" console.log(0xff.toString(2)); //"11111111" console.log(oxff.toString()); //"255" 不填默认10进制
JavaScript数值转换的三种方式总结
在JavaScript中,数值转换一般有三种方式:
一、Number(param)函数:param可以用于任何数据类型
1.1 param是Boolean值,true和false分别转换为1和0;
1.2 param是数值,只是简单的传入和返回
1.3 param是null和undefined,分别返回0和NaN
1.4 param是字符串,遵循下列规则:
1.4.1 如果字符串中只包含数字,则转换为十进制,前导0被忽略;
1.4.2 如果字符串中包含有效的浮点数格式,则返回对应的浮点数值,前导0被忽略;
1.4.3 如果字符串包含有效的十六进制,则返回等大的十进制数值
1.4.4 如果字符串为空,则返回0
1.4.5 如果字符串中包含除上述格式外的字符,则返回NaN
1.5 param是对象,则调用valueOf()方法,依照前面的规则转换返回字符串值,若返回NaN,则调用toString()方法,再次依照前面的规则转换返回字符串值。
1.6 示例:
<span style="font-family:Microsoft YaHei;font-size:18px;">var num1 = Number("hello"); //NaN var num2 = Number(""); //0 var num3 = Number("00022"); //22 var num4 = Number(true); //1</span>
二、parseInt(param):把字符串转换成整数,param是字符串类型。
parseInt()忽略字符串前面的空格,直到找到第一个非空格字符S;若S不是数字或者负号,则返回NaN(即parseInt()对空字符返回NaN,注意Number()对空返回0),若S是数字,parseInt()会继续解析
下一个字符,直到解析完所有字符或者遇到了一个非数字字符。parseInt()支持对八进制、十六进制的解析
<span style="font-family:Microsoft YaHei;font-size:18px;">var num1 = parseInt("1234blue"); //1234 var num2 = parseInt(""); //NaN var num3 = parseInt("22.5"); //22 var num4 = parseInt("070"); //八进制,转换为十进制的56</span>
三、parseIFloat(param):把字符串转换成浮点数,param是字符串类型。
与parseInt类似,parseFloat()从第一个字符开始解析,直到解析完所有字符或者遇到了一个非浮点数字符。第一个小数点有效,但是第二个则无效,且该函数只能解析十进制数,因为它始终会忽略前导0.
<span style="font-family:Microsoft YaHei;font-size:18px;">var num1 = parseFloat("1234blue"); // 1234 var num2 = parseFloat("0xf6"); // 0 var num3 = parseFloat("22.5"); // 22.5 var num4 = parseFloat("22.5.4"); //22.5 var num5 = parseFloat("3.125e7"); // 31250000</span>