JavaScript中类型的转换，隐式转换和显示转换。

最新推荐文章于 2024-02-18 22:05:52 发布

百无一用。

最新推荐文章于 2024-02-18 22:05:52 发布

阅读量759

点赞数 1

文章标签： javascript html 前端

本文链接：https://blog.csdn.net/weixin_50680475/article/details/121736414

版权

在 JavaScript 中数据被分成了不同的类型，如数值、字符串、布尔值、undefined，在实际编程的过程中，不同数据类型之间存在着转换的关系。那我们为什么要进行转换呢？

因为我们从用户得到的数据都是字符串，而字符串和数字相加会变成相连。

1、隐式转换

某些运算符被执行时，系统内部会自动将数据类型进行转换，这种转换称为隐式转换。

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <title>JavaScript 隐式转换</title>
  </head>
  <body>
    <script>
      let num = 13        // 数值
      let num2 = '2'      // 字符串

      // 结果为 132
      // 原因是将数值 num 转换成了字符串，相当于 '13'
      // 然后 + 将两个字符串拼接到了一起
      console.log(num + num2)

      // 结果为 11
      // 原因是将字符串 num2 转换成了数值，相当于 2
      // 然后数值 13 减去 数值 2
      console.log(num - num2)

      let a = prompt('请输入一个数字')
      let b = prompt('请再输入一个数字')

      alert(a + b)
    </script>
  </body>
</html>

2、显示转换

编写程序时过度依靠系统内部的隐式转换是不严谨的，因为隐式转换规律并不清晰，大多是靠经验总结的规律。为了避免因隐式转换带来的问题，通常根逻辑需要对数据进行显示转换。

通过Number 显示转换成数值类型，当转换失败时 NaN (Not a Number)即不是一个数字。

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <title>JavaScript 显示转换</title>
  </head>
  <body>
    <script>
      let t = '12'
      let f = 8

      // 显式将字符串 12 转换成数值 12
      t = Number(t)

      // 检测转换后的类型
      // console.log(typeof t);
      console.log(t + f) // 结果为 20

      // 并不是所有的值都可以被转成数值类型
      let str = 'hello'
      // 将 hello 转成数值是不现实的，当无法转换成
      // 数值时，得到的结果为 NaN （Not a Number）
      console.log(Number(str))
    </script>
  </body>
</html>

结果如下：

百无一用。

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JavaScript中类型的转换，隐式转换和显示转换。

在 JavaScript 中数据被分成了不同的类型，如数值、字符串、布尔值、undefined，在实际编程的过程中，不同数据类型之间存在着转换的关系。那我们为什么要进行转换呢？因为我们从用户得到的数据都是字符串，而字符串和数字相加会变成相连。1、隐式转换某些运算符被执行时，系统内部会自动将数据类型进行转换，这种转换称为隐式转换。<!DOCTYPE html><html lang="en"> <head> <meta charset="
复制链接

扫一扫