javascript 数据类型转化中的坑

最新推荐文章于 2021-11-16 13:51:26 发布

清风。。。

最新推荐文章于 2021-11-16 13:51:26 发布

阅读量584

点赞数

文章标签： javascript 前端 es6

本文链接：https://blog.csdn.net/yzyxzz/article/details/121253286

版权

本文详细探讨了JavaScript中数据类型的转换，包括强制转换和隐式转换。重点讲解了Number、String和Boolean函数在转换过程中的行为，以及在不同运算场景下如何自动转换数据类型。特别是加法运算、布尔值转换和字符串、数值转换的规则，这些都是JavaScript开发中常见的陷阱和需要注意的地方。

摘要由CSDN通过智能技术生成

一、在我们平时写代码的时候难免会遇到运算、那么在javascript中的运算是比较坑的、因为javascript本身为弱类型语言、我们在声明变量的时候不用声明变量的类型、这也就导致了我们在进行变量之间的运算时候会产生两种不同的变量进行运算、那么不同的变量的运算规则是怎么样的？

   var a = 1;
   var b = "5";
   var z=a+b
   console.log(z); //15
   console.log(typeof z); //string

上面可以看出数字类型的变量和字符串类型的相加产生了字符串类型的变量、可以看出js内部自动帮我们转化了变量的类型。这有的地方也叫隐式转换。

在探讨隐式转化之前、我们先来了解javascript的强制转化数据类型。
强制类型转化主要是我们利用js提供原生函数来手动转换数据类型。
原生js主要提供了3个函数来让我们可以强制转化数据类型。

Number() Number函数即是基本类型数字的包装函数、也可以用作工具函数来强制转化数据类型、

  Number 转化数据类型主要分两种情况：
  1.    基本数据类型
  2.    复杂数据类型

基本数据我们可以看下图：

 var a = 1
      var b = "5"
      var f="88d55"
      var m=""
      var c=true
      var d=null
      var e=undefined
      console.log(Number(a));  //1
      console.log(Number(b));   //5
      console.log(Number(c));  //1
      console.log(Number(d)); //0
      console.log(Number(e)); //NaN
      consol