js数据类型转换

作者: _Dot912 | 来源:发表于2017-08-24 14:21 被阅读0次

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

相关文章

  • 2、强制数据类型转换

    数据类型转换: 在js中,数据类型的转换有两种,分别是自动转换和强制转换 自动转换: 自动转换是用JS进行某些操作...

  • JS里的数据类型转换

    在js中,数据类型转换分为显式数据类型转换和隐式数据类型转换。 1, 显式数据类型转换 a:转数字: 1)Numb...

  • javaScript中数据类型转换方法

    JS 数据类型转换 方法主要有三种 转换函数、强制类型转换、利用js变量弱类型转换。 1. 转换函数: js提供了...

  • 数据类型转换

    JS 数据类型转换 方法主要有三种 转换函数、强制类型转换、利用js变量弱类型转换。 1. 转换函数: js提供了...

  • JavaScript的显式转换和隐式转换

    js的显式转换和隐式转换都是数据类型的转换;js的数据类型是弱类型的,即可以给变量赋值为任意的数据类型,当进行运算...

  • JS隐式数据类型转换

    隐式数据类型转换介绍 前面有总结过 JS数据类型转换 Number(), toString(), parseInt...

  • JS的基本小结

    JS基本输出方式 JS数据类型 变量 常量 变量常量小练习 声明提前 隐式转换 显示转换/强制转换

  • JavaScript学习笔记.md

    学习材料————廖雪峰js教程 数据类型 ===与== == 自动转换数据类型再比较;=== 不转换类型 (更好...

  • JavaScript基础总结

    ✍目录总览:(JS概念与组成、JS格式规范、JS基本语法【输入、输出、变量、数据类型、数据类型转换、运算符、流程控...

  • JS里的数据类型转换

    上一篇文章(JS里的数据类型)介绍了js中的数据类型。这篇主要介绍数据类型转换。 一、任意类型转字符串 转换成st...

网友评论

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

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