程序员让前端飞饥人谷技术博客

js数据类型转换

2017-08-24  本文已影响0人  _Dot912

if的判断

if(xxx){}

js 是如何处理的?做几道测试题看一看

题目

// 题目1:如下代码输出什么?
if ("hello") { console.log("hello")} //"hello"(true)
// 题目2:如下代码输出什么? 
if ("") { console.log('empty')} //无输出(false)
// 题目3:如下代码输出什么?
if (" ") { console.log('blank')} //"blank"(true)
// 题目4:如下代码输出什么?
if ([0]) { console.log('array')} //"array"(true)
if('0.00'){ console.log('0.00')} //"0.00"(true)

解密

对于括号里的表达式,会被强制转换为布尔类型

原理

类型 结果
Undefined false
Null false
Boolean 直接判断
Number 0, +0, −0, 或者 NaN 为 false, 其他为 true
String 空字符串为 false,其他都为 true
Object true

== 的判断

对于==的判断,js是怎么处理的?做几道题看看

题目

//题目1:
console.log("" == 0) //true
//题目2:
console.log(" " == 0) //true
//题目3:
console.log("" == true) //false
//题目4:
console.log("" == false) //true
//题目5:
console.log(" " == true) //false
//题目6:
console.log(!" " == true) //false
//题目7:
console.log(!"" == false) //false
//题目8:
console.log("hello" == true) //false
//题目9:
console.log("hello" == false) //false
//题目10:
console.log("0" == true) //false
//题目11:
console.log("0" == false) //true
//题目12:
console.log("00" == false) //true
//题目13:
console.log("0.00" == false) //true
//题目14:
console.log(undefined == null) //true
//题目15:
console.log({} == true) //false
//题目16:
console.log([] == true) //false
//题目17
var obj = { a: 0, valueOf: function(){return 1} } 
console.log(obj == "[object Object]") //false
console.log(obj == 1) //true
console.log(obj == true) //true

解密

x y 结果
null undefined true
Number String x == toNumber(y)
Boolean (any) toNumber(x) == y
Object String or Number toPrimitive(x) == y
otherwise otherwise false

数据类型转换:遇到if、!、&&、||转化为布尔值,遇到==转化为数字。
空字符串转布尔false,空白字符串和其他字符串转布尔true
" "转换成数字0,"0.00"转换成数字0
对象 valueOf toString

console.log(" " == true) //false,两个等于两边的操作数会转换成数字," "转换成0,true转换成1,所以0==1结果为false
console.log(!" " == true) //false,两个等于两边的操作数会转换成数字,!" "首先返回布尔值false,false转换为数字0,0==1返回false

toNumber

type Result
Undefined NaN
Null 0
Boolean ture -> 1, false -> 0
String “abc” -> NaN, “123” -> 123

把字符串变成整数有两个方法:parseInt(),两个波浪线~~也行

~~(3.2)
// 3
parseInt(3.2);
// 3

toPrimitive

对于 Object 类型,先尝试调用 .valueOf 方法获取结果。 如果没定义,再尝试调用 .toString方法获取结果
valueOf()比toString()优先级高

上一篇 下一篇

猜你喜欢

热点阅读