js数据类型转换

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()优先级高

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容