0 / 把其余数据类型转换为 Number 类型
(1)指定须要转换为 Number 的
1、Number(value)
2、parseInt(string, radix)/parseFloat(string)
Number 转换机制
把其余类型(string/boolean/null/undefined/symbol/bigint/object
)应用 Number
转换为数字:
1、字符串中只有呈现非有效数字,后果就是NaN
2、Number(true)
是 1,Number(false)
是 0
3、Number(null)
是 0,Number(undefined)
是 NaN
4、Number(Symbol('A'))
报错
5、Number(BigInt(10))
是数字
6、对象变为数字:先调取 Symbol.toPrimitive
获取原始值,没有再通过valueOf
取得原始值;如果没有原始值,再调取 toString
变为字符串,最初把字符串转为数字
△ 图 1.1_Number 的转换
parseInt/parseFloat 转换机制
parseInt
转换机制 :从字符串左侧第一个字符开始,查找有效数字字符(遇到非有效数字字符就进行查找,不论前面是否还有数字都不要了), 把找到的有效数字字符转换为数字,如果一个都没找到后果就是NaN
parseFloat
比 parseInt
多辨认一个小数点
(2)隐式转换
1、isNaN(value)
,其余数据类型先通过 Number 转为数字类型
2、数学运算:+-*/%
。数学运算,其余数据类型先用 Number 转换为数字类型再计算(非凡状况:+
作为斜杠青年,当遇到字符串时,是字符串拼接)
3、在 ==
比拟时,有些值须要转为数字再进行比拟
4、……
(3)练习题
parseInt("")
Number("")
isNaN("")
parseInt(null)
Number(null)
isNaN(null)
parseInt("12px")
Number("12px")
isNaN("12px")
parseFloat("1.6px")+parseInt("1.2px")+typeof parseInt(null)
isNaN(Number(!!Number(parseInt("0.8"))))
typeof !parseInt(null) + !isNaN(null)
△ 其余数据类型转换为数字类型
L1:parseInt("")
没有找到有效数字字符 => NaN
L2:Number("")
=> 0
L3:isNaN("")
=> isNaN 办法调用的是 Number 转换数据类型 => false
L4:parseInt(null)
=> parseInt(“null”) => NaN
L5:Number(null)
=>0
L6:isNaN(null)
=> false
L7:parseInt("12px")
=> 12
L8:Number("12px")
=> NaN
L9:isNaN("12px")
=> true
L10:parseFloat("1.6px")+parseInt("1.2px")+typeof parseInt(null)
=> typeof parseInt(null) => typeof NaN => “number”
=> 1.6 + 1 + “number”
=> “2.6number”
加号左右两边呈现字符串,此时加号变为字符串拼接(有特殊性),如果呈现对象也会变成字符串拼接,本来应该是把对象转为数字,然而对象要先转换为字符串,则遇到加号字符串就变成字符串拼接了
L11:isNaN(Number(!!Number(parseInt("0.8"))))
=> parseInt(“0.8”) => 0
=> !!Number(0) => false
=> Number(false) => 0
=> isNaN(0) => false
L12:typeof !parseInt(null) + !isNaN(null)
=> typeof !NaN + !false
=> typeof true + true
=> “boolean” + true
=> “booleantrue”
let result = 10+false+undefined+[]+'Tencent'+null+true+{};
console.log(result);
△ 答案是?
10+false+undefined+[]+'Tencent'+null+true+{}
=> 10 + false 没有遇到字符串和对象,数学运算:10+0 => 10
=> 10 + undefined => 10 + NaN => NaN
=> NaN + [] =>”NaN”
对象数据类型转换为数字:先转换为字符串再转换为数字
在转换为字符串后,遇到了加号 => 字符串拼接
=>”NaN” + ‘Tencent’ +null+true+{}
=> “NaNTencentnulltrue[object Object]”
链接:"+"
的斜杠身份:数学运算,字符串拼接
(4)思考题
let arr = [10.18, 0, 10, 25, 23];
arr = arr.map(parseInt);
console.log(arr);
△ 思考题
1 / 把其余数据类型转为字符串
(1)显式转换
1、toString()
2、String()
其余数据类型(number/boolean/null/undefined/symbol/bigint/object
)转换为字符串,个别都是间接用 ""
引号包起来,只有 {}
一般对象调取 toString()
办法。调取的是 Object.prototype.toString()
办法(返回值:"[object Type]"
),不是转换字符串,而是检测数据类型的:({id:"zhaoxiajingjing"}).toString()
=> "[object Object]"
△ 图 1.2_其余数据类型转换为字符串
(2)隐式转换(个别调取 toString
办法)
1、加号运算时候,如果有一边呈现字符串,则是字符串拼接
2、把对象转为数字:须要先调用 toString()
转换为字符串,再去转换为数字
3、基于 alert/confirm/prompt/document.write...
这些办法输入内容,都是先把内容转化为字符串,再输入的
4、……
3 / 把其余数据类型转换为布尔
把其余类型(string/number/null/undefined/symbol/bigint/object
)转换为布尔类型:
只有 5 个值会变成布尔类型的 false:空字符串 /0/NaN/null/undefined
,其余都是 true
(1)其余数据类型转换为布尔
1、!
转换为布尔值后取反
2、!!
转换为布尔类型
3、Boolean(value)
(2)隐式转换
在循环或者条件判断中,条件解决的后果就是布尔类型值
4 / 在 == 比拟时,数据类型转换的规定
(1)须要留神的点
1、{}=={} false
对象数据类型比拟的是堆内存地址
2、[]==[] false
对象数据类型比拟的是堆内存地址
3、NaN==NaN false
(2)类型不一样的转换规则
1、null==undefined true
其余数据类型的值与 null/undefined
都不相等
null===undefined false
它俩类型不一样
2、字符串 == 对象
把对象转换为字符串
3、剩下的,如果 ==
两边数据类型不统一,须要转换为 <u>数字</u> 再进行比拟
(3)题
console.log([] == false);
console.log(![] == false);
△ 比拟 ==
[] == flase
类型不一样,须要转换为数字再进行比拟:隐式转换
1、对象转换为数字:先 toString
转换为字符串(先基于 Symbol.toPrimitive
取得原始值,没有的话基于 valueOf
取得原始值,没有原始值再去toString
), 在转换为数字
2、[]
=>""
=>0
3、false
=>0 true
=>1
4、后果是:[]==false
=> 0==0
=> true
![]==false
运算符优先级:!
比 ==
的要高
1、![]
把数组转换为布尔类型,再取反:!true
=> false
其余数据类型转换为布尔类型,是 false 的只有 5 个:空字符串 /0/NaN/null/undefined
,其余都是 true
2、后果是:false == false
=> true
5 / 思考题 - 题解
let arr = [10.18, 0, 10, 25, 23];
arr = arr.map(parseInt);
console.log(arr);
△ 答案是?
考点:
① 数组 map 办法的应用
② parseInt 办法的应用
arr = arr.map(function (item, index){
// 形参:数组中的元素, 索引
// 循环遍历数组中的每一项,就会触发这个回调函数
// 并返回一个新的数组
});
△ 数组 map 的用法
parseInt(string, radix)
解析一个字符串并返回指定基数的十进制整数,基数超过 radix
范畴的都是返回 NaN
radix
是 2 -36 之间的整数,示意被解析字符串的基数。0 或者不写,示意十进制
如果 string
是以 0x
结尾的,则须要把后果转为 16 进制,不是 10 进制的
如何把一个值转换为十进制
147 是八进制 => 十进制
[位权值:每一位的权重,个位是 0、十位是 1……]
1*8^3+4*8^2+7*8^0
12.3(四进制)=> 十进制
1*4^1+2*4^2+3*4^-1
4^0
=>1
4^1
=>4
4^2
=>16
4^-1
=> 1/4
4^-2
=> 1/(4*4)
好了,这道题:
let arr = [10.18, 0, 10, 25, 23];
arr = arr.map(parseInt);
console.log(arr);
//=======
arr = arr.map(function (item, index){});
parseInt(string, radix)
//=======
parseInt('10.18', 0);
parseInt('0', 1);
parseInt('10', 2);
parseInt('25', 3);
parseInt('23', 4);
△ 运算后果?
parseInt('10.18', 0);
① 从字符串左侧第一个字符开始查找
② 找到合乎 radix
进制的值(遇到不非法的就进行查找)
③ 把找到的无效字符串变为数字,依照 radix
的进制数转换为十进制
④ radix
取值范畴:2~36,是 0 或者不写,为十进制
=> radix:0,依照十进制找无效字符:’10’
=> 后果是:转为十进制的数字:10
parseInt('0', 1);
radix 取值范畴;2~36
=> 后果是:NaN
parseInt('10', 2);
=> 找到 radix:2 二进制的无效字符:10
=> 转为十进制:1*2^1+0*2^0
=> 后果是:2
parseInt('25', 3);
=> 找到 radix:3 三进制的无效字符:2
=> 转为十进制:2*3^0
=> 后果是:2
parseInt('23', 4);
=> 找到 radix:4 四进制的无效字符:23
=> 转为十进制:2*4^1+3*4^0
=> 后果是:11
所以后果:[10, NaN, 2, 2, 11]
留神:parseFloat
没有第二个参数 radix
– end –