美文网首页
JavaScript快速入门04-类型转换

JavaScript快速入门04-类型转换

作者: 老哥深蓝 | 来源:发表于2021-04-06 16:17 被阅读0次

在JavaScript中有6种不同的类型:string、number、boolean、object、function、symbol(ES6),在程序开发过程中可以通过手动和自动两种方式进行类型转换。

手动类型转换

转换为string
  • 可以使用.toString()和调用String()进行转换
var a=123;
console.log(a.toString());  //null和undefined不用调用该方法
console.log(String(a));
转换为number
  • 可以使用Number()进行转换
  • 字符串转换为Number时,非法数字会转换为NaN,空字符串转换为0
  • 布尔值转换时,ture为1,false为0
  • undefined也会转换为NaN
  • NaN是一个特殊的非数字值,但类型为number
  • 调用parseInt()将字符串中的整数,转换为Number
  • 调用PaseFloat()将字符串中的小数,转换为Number
转换为boolean
  • 使用Boolean()函数进行转换
  • 字符串时,空串转换为false,非空串转换为true
  • 数值时0和NaN转换为false,大于0时转换为true
  • null和undefined转换为false

自动类型转换

在js中,在通过运算符进行运算时,如果两边的值数据类型不统一,系统会将两边的值类型进行自动转换,然后进行运算。

  • String + 其它类型
    当使用string与其它类型进行+运算时,其它类型自动转换成string类型
undefined --> "undefined"
null      --> "null"
true      --> "true"
false     --> "false"
NaN       --> "NaN"
1         --> "1"
  • Number进行运算
    与字符串运算除+法以外,会将字符串转换为数值
undefined  --> NaN
null       --> 0
true       --> 1
false      --> 0
"abc"      --> NaN
"a123"     --> NaN
" 123 "    --> 123 //忽略空格转换为数值
  • 自动转换示例
    // + 
    10 + '20'             //'2010'
    // -
    10 - '20'             //-10
    10 - 'one'            //NaN
    10 - '100a'           //NaN
    // *
    10*'20'               //200
    '10'*'20'             //200
    // /
    20/'10'               //2
    '20'/'10'             //2
    '20'/'one'           //NaN
    // ==
    undefined == null;    //true
    '0' == 0;            //true,字符串转数字
    0 == false;           //true,布尔转数字
    '0' == false;       //true,两者转数字
    null == false;       //false
    undefined == false;  //false

相关文章

  • JavaScript快速入门04-类型转换

    在JavaScript中有6种不同的类型:string、number、boolean、object、functio...

  • 2020-01-21_TypeScript

    快速入门:让你可以看懂TypeScript的简单代码 一:类型注解 TypeScript 是 JavaScript...

  • 【笔记】javaScript 基础入门(三)

    上一篇笔记《javascript基础入门(二)》里,我主要写了javascript的数据类型之间的转换,操作符(算...

  • 2018-11-08

    快速入门:JavaScript 版 Facebook SDK JavaScript 版 Facebook SDK ...

  • javascript强制类型转换

    javascript强制类型转换 一、转换为数值类型 Number(参数) 把任何类型转换为数值类型A.如果是布尔...

  • JavaScript的强制类型转换

    强制类型转换 将javascript的值从一种类型转换为另一种类型的值——>类型转换隐式类型转换——>强制类型转换...

  • JavaScript类型转换

    JavaScript 根据需要自行转换类型 例如 如何转换

  • 类型转换

    在JavaScript中,共有两种类型转换:隐式类型转换,显示类型转换。 “字符串”转换为“数字” 在JavaSc...

  • Javascript学习笔记——3.8 类型转换

    类型转换是javascript的大坑,也是比较繁琐的一章 Javascript的类型转换非常灵活,程序根据期望可以...

  • JavaScript之快速入门

    一、快速入门 目录:聊聊JavaScript这个东西、基本使用及HelloWorld、浏览器控制台使用、数据类型快...

网友评论

      本文标题:JavaScript快速入门04-类型转换

      本文链接:https://www.haomeiwen.com/subject/zgxjkltx.html