【js基础】数据类型转换

本文详细介绍了JavaScript中数据类型转换的三种主要方式:字符串转换、数字转换和布尔型转换。通过示例展示了如何使用`.toString()`、`Number()`、`parseInt()`等方法进行转换,并提供了实际的代码案例,如年龄计算和数字相加。同时,文章还讨论了在算术运算中JavaScript自动进行的数据类型转换。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

1. 什么是数据类型转换

把一种数据类型的变量转换为另外一种数据类型。
我们通常会实现3种方式的转换:

  1. 转为字符串类型
  2. 转为数字型
  3. 转为布尔型

2. 将数字型转换为字符串型

2.1 变量.toString()在这里插入图片描述
2.2 String(变量)在这里插入图片描述
2.3 利用 + 拼接字符串的方法实现转换效果在这里插入图片描述

3. 字符串类型转换为数字型

3.1 parseInt(变量) —— 得到的是整数在这里插入图片描述
3.2 parseInt(变量) —— 得到的是浮点数/小数在这里插入图片描述
3.3 Number(变量)
var str = '123';
console.log(Number(str));
3.4 利用算数运算 -(隐式转换)
console.log(12 * ''); // 12
console.log('123' - '23'); // 100
console.log('123' - 1); // 122

在进行算术运算的时候,js自动转换了数据类型。
案例1:

        var year = prompt('输入你的出生年份')
        var age = 2022 - year; // 已经将year转换为数字型
        alert('你今年'+age +'岁了!');

案例2:

        // 求两个数字的和
        var num1 = prompt('请输入第一个数字:')
        var num2 = prompt('请输入第二个数字:')
        // 如果不进行转换,得到的结果是字符串拼接的结果
        var sum = parseFloat(num1) + parseFloat(num2);
        alert('两数之和为:' + sum);

4. 转换为布尔型 —— Boolean()

  1. 代表空、否定的值会被转换为false;
  2. 其余值都会转换为true
    代码:
    在这里插入图片描述
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

想做一只快乐的修狗

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值