首页 > 编程语言 > 详细

Javascript Number函数

时间:2021-04-23 00:29:15      阅读:16      评论:0      收藏:0      [点我收藏+]

Javascript Number函数

转换Number类型

方式一

调用Number( )函数转换为Number类型

字符串转换为数字

1.如果是纯数字的字符串,则直接将其转换为数字

<head>
    <script>
    	var a = "123";
         a = Number(a);
        console.log(typeof a);
        console.log(a);
    </script>
</head>

技术分享图片

2.如果字符串中有非数字的内容,则转换为NaN

<head>
    <script>
    	var a = "123abc";
         a = Number(a);
        console.log(typeof a);
        console.log(a);
    </script>
</head>

技术分享图片

3.空串或者是空格的字符串显示的则为0

<head>
    <script>
    	var a = " ";
         a = Number(a);
        console.log(typeof a);
        console.log(a);
    </script>
</head>

技术分享图片

布尔值转数字

1.布尔值转数字true显示的是1

这和二进制有关系,1和0代表着开和关

<head>
    <script>
    	var a = true;
         a = Number(a);
        console.log(typeof a);
        console.log(a);
    </script>
</head>

技术分享图片

<head>
    <script>
    	var a = false;
         a = Number(a);
        console.log(typeof a);
        console.log(a);
    </script>
</head>

技术分享图片

Null空制转换为数字

null空值转换为数字就是0

<head>
    <script>
    	var a = false;
         a = Number(a);
        console.log(typeof a);
        console.log(a);
    </script>
</head>

技术分享图片

undefined转数字

undefined转换数字显示NaN

<head>
    <script>
    	var a = false;
         a = Number(a);
        console.log(typeof a);
        console.log(a);
    </script>
</head>

技术分享图片

方式二

这种方式专门用来转换字符串的

parseInt( )把一个字符串转换为一个整数

parseFloat( )把一个字符串转换为一个浮点数

parseInt( )

<head>
    <script>
    var a = "123px";
    a = parseInt(a);
    console.log(type a);
    console.log(a);
    </script>
</head>

技术分享图片

parseInt( )可以将一个字符串中的有效的整数内容去出来,然后转换为Number

如果a = 123a456,那么使用parseInt( )只会读取123后面的不会读取,也就是只会读取整数。

parseFloat( )

parseFloat()功能和parseInt()功能类似,不同的是它可以获得有效的浮点数。

<head>
    <script>
    	var a = "123.456px";
    	a = parseFloat(a);
    	console.log(typeof a);
    	console.log(a);
    </script>
</head>    

技术分享图片

Javascript Number函数

原文:https://www.cnblogs.com/tallish/p/14691503.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!