JavaScript基础语法3-数据类型强制转换

本文详细介绍了JavaScript中将数据转换为字符串、数字和布尔值的方法,包括toString()、String()、parseInt()、parseFloat()和Number()函数的使用,并通过实际案例展示了转换过程。同时,给出了计算年龄和简单加法器的代码示例。

1. 转换为字符串

方式       说明案例
toString()    转成字符串        var num=1; alert(num.toString());
String() 强制转换转成字符串        var num=1; alert(String(num));
加号拼接字符串和字符串拼接的结果都是字符串var num=1; alert(num+"我是字符串");

调用toString()方法,null和undefined没有toString()方法

调用String()函数,将被转换的数据作为参数传递给函数

 2.转换为数字型

方式说明案例
parselnt(string)函数将string类型转成整数数值型parselnt('78')
parseFloat(string)函数将string类型转成浮点数数值型parseFloat('78.22')
Number() 强制转换函数将string类型转成数值型Number('12')
js 隐式转换(- * /)利用算术运算隐式转换为数值型'12' - 0

调用Number()函数  

字符串-->数字 

        1.纯数字 转换为数字 2.有非数字内容 转换为NaN 3. 空字符串或全为空格字符串 转化为0

布尔值-->数字  true  转换为1 ; false 转换为 0

Null-->数字   转换为 0

Undefined-->数字  转换为NaN

 <script>
        // var age = prompt('请输入你的年龄');
        //1. parseInt(变量) 可以把字符型转换为数字型 得到的整数
        //  console.log(parseInt(age));
         console.log(parseInt("3.4"));  // 3 取整
         console.log(parseInt("3.9"));  // 3 取整
         console.log(parseInt("120px"));  // 120 会去掉这个px单位
         console.log(parseInt("rem120px"));  // NaN
        //2. parseFloat(变量) 可以把字符型的转换为数字型  得到的是小数 浮点数
        console.log(parseFloat("3.14"));
        console.log(parseFloat("120px"));// 120 会去掉这个px单位
        console.log(parseFloat("rem120px")); // NaN
        //3. 利用Number(变量)
        var str = "23";
        console.log(Number(str)); //23
    </script>

案例:计算年龄

<script>
       var year =  prompt("请输入出生年份");
       var age = 2020 - year;
       alert('你今年已经'+age+'岁了');
</script>

案例; 简单加法器

<script>
       var num1 =  prompt("请输入第一个值");
       var num2 =  prompt("请输入第二个值");
       alert(num1+"+"+num2+"="+(Number(num1) + Number(num2)));
</script>

2. 转换为布尔型

方式说明案例
Boolean()函数其他类型转换成布尔值Boolean('true');

代表空,否定的值会被转换为false。 如' '、0、NaN、null、undefined

其余值都会被转换为true

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值