美文网首页
javascript数据类型转换

javascript数据类型转换

作者: novaDev | 来源:发表于2018-03-31 22:15 被阅读0次

类型转换表格

value to String to Number to Boolean
undefined "undefined" NaN false
null "null" 0 false
true "true" 1
false "false" 0
"" 0 false
"1.2" 1.2 true
"one" NaN true
0 "0" false
-0 "0" false
NaN "NaN" false
Infinity "Infinity" true
-Infinity "-Infinity" true
1 "1" true
{} 见下文(Object=>String \ Number) 见下文(Object=>String \ Number) true
[] "" 0 true
[9] "9" 9 true
['a'] "a" NaN true
function(){} 见下文(Object=>String \ Number) NaN true

toFixed(), toExponential(), toPrecision()

  • toFixed()保留n位小数,不会使用指数表示法
  • toExponential()小数点前只保留一位,小数点后保留n位小数
  • toPrecision()标准指数表示法,n位有效数字

Object=>String \ Number

  • Object=>String
    1. 执行object的toString(),如果得到原始值,将原始值转换为String,如果无法获得原始值,进行步骤2
    2. 执行object的ValueOf(),如果得到原始值,将原始值转换为String,如果无法获得原始值,进行步骤3
    3. 报错
  • Object=>Number
    1. 执行object的ValueOf(),如果得到原始值,将原始值转换为String,如果无法获得原始值,进行步骤2
    2. 执行object的toString(),如果得到原始值,将原始值转换为String,如果无法获得原始值,进行步骤3
    3. 报错

"+" "==" "!=" ">" "<" ">=" "<=" 与Object的自动转换

  • Date:
    优先调用toString(),如果得到原始值,转换为原始值;如果toString()没有得到原始值,则调用valueOf()
  • 其他Object
    优先调用valueOf(),如果得到原始值,转换为原始值;如果valueOf()没有得到原始值,则调用toString()

二元+

  • 如果两个操作数中有一个是String类型,则将另一个转换为String并进行字符串拼接操作
  • 如果两个操作数中有一个是Object类型,则进行Object到原始值的转换,如果得到的原始值为String类型,则将另一个转换为String并进行字符串拼接操作
  • 其他进行Number+Number运算

eg:

1 + 2 //3
"1" + "2" //"12"
"1" + 2 //"12"
1 + {} //"1[object Object]"
true + true //2
2 + null //2
2 + undefined //NaN
1 + 2 + "3" //"33"
1 + (2 + "3") //"123"

一元运算符

+

将操作数转换为Number

-

将操作数转换为Number,并取反

==的转换规则

  • null == undefined
    null == undefined //true
    
  • 字符串和数字比较:将字符串转为数字后进行比较
    2 == '2' //true
    
  • boolean:转换为1或0后, 再进行比较
    true == 1 //true  
    true == '1' //true
    
  • 见 ‘"+" "==" "!=" ">" "<" ">=" "<=" 与Object的自动转换’

eg:

null == undefined //true
"0" == 0 //true, 转化为数字后比较
0 == false //true, 转化为数字后比较
"0" == false //true, 转化为数字后比较

比较运算符

  • 只有String和Number才能进行比较
  • 如果两个操作数都是String,根据字母表进行比较(Unicode)
  • 如果操作数中有Number,则将另一个操作数转换为Number后进行比较
  • 如果一个操作数为NaN,那么比较运算总是返回false

+操作符和比较运算符的异同

  • +操作符更偏爱字符串拼接
  • 比较运算符更偏爱数字运算

>= 和 <=

>=其实是“不小于”的意思,在判断相等的时候,并不会根据==的规则来进行判断

相关文章

  • JS基础

    JavaScript概述 、 JavaScript基础语法 、 变量和常量 、 数据类型 数据类型转换 、 运算符...

  • react-native flex

    javaScript数据类型转换 flexDirection alignltems alignSelf auto ...

  • JS中的类型转换

    JavaScript 中的类型转换 JavaScript 基本数据类型 JavaScript 中的一共有 8 中内...

  • 【JavaScript数据类型转换】

    JavaScript数据类型转换 显示转换 有三个函数可以把字符串转换为数值:Number()、parseInt(...

  • 五 语法专题

    1 数据类型的转换 https://wangdoc.com/javascript/features/convers...

  • 2018-07-02

    数据类型 与 类型转换 javascript语言的数据类型 数值(number):整数和小数(比如1和3.14) ...

  • 2018-04-09

    学习笔记 -- JavaScript if条件及相等运算中的数据转换 1. if(xx) 语句中数据类型的转换 我...

  • javascript数据类型隐式转换

    javascript数据类型隐式转换 一、函数类 isNaN()改函数会对参数进行隐式的Number()转换,如果...

  • Flutter之基本语法一

    一. 基础数据类型 Symbol基础数据类型Symbol 在JavaScript中是将基本数据类型转换为唯一标识符...

  • JavaScript(5.10)②

    数据类型 今天学习了Javascript的 1.隐式转换结论 2.显示...

网友评论

      本文标题:javascript数据类型转换

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