Number数字类型
NaN:not a number (但它是数字类型的)
isNaN:检测当前值是否不是有效数字,返回true代表不是有效数字,返回false是有效数字。
重要:isNaN检测的机制
1、首先验证当前要检测的值是否为数字类型的,如果不是,浏览器会默认的把值转换为数字类型。
-
把非数字类型的值转换为数字
其它基本数字类型转换为数字:直接使用Number这个方法转换的
-
[字符串转数字]
Number('13') -> 13
Number('13px') ->NaN 如果当前字符串中出现任意一个非有效数字字符,结果则为NaN
Number('13.5') ->13.5 可以识别小数
-
[布尔转数字]
Number(true) ->1
Number(false) ->0
-
[其它]
Number(null) ->0
Number(undefined) ->NaN
-
***把引用数据类型值转换为数字:先把引用值调取toString转换为字符串,然后再把字符串调取Number转换为数字 ***
- [对象]
({}).toString() -> '[object Object]' -> NaN
- [数组]
[12,23].toString() -> '12,23' -> NaN
[12].toString() -> '12' -> 12
- [正则]
/^$/.toString () -> '/^$/' -> NaN -
[特殊]
Number('') ->0
[].toString() -> '' => isNaN([]) : false
2、当前检测的值已经是数字类型,是有效数字返回false,不是返回true。
// =>语法:isNaN([value])
var num = 12;
isNaN(num); // =>检测num变量存储的值是否为非有效数字 false
isNaN('13') //=>false
isNaN('彤') //=>true
isNaN(true) //=>false
isNaN(false) //=>false
isNaN(null) //=>false
isNaN(undefined) //=>true
isNaN({age:9}) //=>true
isNaN([12,23]) //=>true
isNaN([12]) //=>false
isNaN(/^$/) //=>true
isNaN(function(){}) //=>true
parseInt / parseFloat
(1) 等同于Number,也是为了把其它类型的值转换为数字类型
(2) 和Number的区别在于字符串转换分析上
(3) Number:出现任意非有效数字字符,结果就是NaN
(4) parseInt:把一个字符串中的整数部分解析出来,parseFloat是把一个字符串中的小数(浮点数)部分解析出来
parseInt('13.5px') => 13
parseFloat('13.5px') =>13.5
parseInt('width:13.5px') // =>NaN 从字符串最左边字符开始查找有效数字字符,并且转换为数字,但是一旦遇到一个非有效数字字符,查找结束
NaN的比较
NaN==NaN //=>false NaN和谁都不相等,包括自己
思考题:有一个变量num,存储的值不知道,我想检测它是否为一个有效数字,下面方案是否可以
if (Number(num)==NaN){
alert('num不是有效数字!');
}
/*NaN和谁都不相等,条件永远不成立(即使num确实不是有效数字,转换的结果确实是NaN,但是NaN!=NaN的*/
if(isNaN(num)){
// =>检测是否为有效数字,只有这一种方案
alert('num不是有效数字!')
}
布尔类型
只有两个值:true / false
如何把其他数据类型转换为布尔类型?
- Boolean
- !
- !!
Boolean(1) =>true
!'彤' //=>先把其他数据类型转换为布尔类型,然后取反
!!null //=>取两次反,等价于没取反,也就剩下转换为布尔类型了
规律:在JS中只有“0/NaN/空字符串/null/undefined”这五个值转换为布尔类型的false,其余都转化为true。
null && undefined
都代表空
- null:空对象指针
- undefined:未定义
null一般都是意料之中的没有(通俗理解:一般都是人为手动的先赋值为null,后面的程序中我们会再次给他赋值)
var num = null; //=>null是手动赋值,预示着后面我会把num变量的值进行修改
...
num = 12;
undefined代表的没有,一般都不是人为手动控制的,大部分都是浏览器自主为空(后面可以赋值也可以不赋值)
var num; //=>此时变量的值浏览器给分配的就是undefined
...
后面可以赋值也可以不赋值
Object对象数据类型
普通对象
- 由大括号包裹起来的
- 由零到多组属性名和属性值(键值对)组成
属性是用来描述当前对象特征的,属性名是当前具备这个特征,属性值是对这个特征的描述(专业语法,属性名称为键[key],属性值称为值[value],一组属性名和属性值称为一组键值对)
var obj = {
name:'Choi',
age:21
};
//=>对象的操作:对键值对的增删改查
[获取]
语法:对象.属性名 / 对象['属性名']
obj.name
obj['name'] // 一般来说,对象的属性名都是字符串格式的(属性值不固定,任何格式都可以)
[增/改]
JS对象中,属性名是不允许重复的,是唯一的
obj.name = 'TT'; // =>原有对象中存在NAME属性,此处属于修改属性值
obj.sex = '女'; // =>原有对象中不存在SEX,此处相当于给当前对象新增加一个属性SEX
obj['age'] = 20;
[删]
彻底删除:对象中不存在这个属性了
delete obj['age'];
假删除:并没有移除这个属性,只是让当前属性的值为空
obj.sex = null;
在获取属性值的时候,如果当前对象有这个属性名,则可以正常获取到值(哪怕是null),但是如果没有这个属性名,则获取的结果是undefined
obj['friends'] => undefined
思考题:
var obj = {
name:'Choi',
age:21
};
var name = 'TT';
obj.name // =>'Choi' 获取的是NAME属性的值
obj['name'] // =>'Choi' 获取的是NAME属性的值
obj[name] // => 此处的NAME是一个变量,我们要获取的属性名不叫作NAME,是NAME存储的值'TT' => obj['TT'] => 没有这个属性,属性值是undefined
----
'name' 和 name 的区别?
=> 'name' 是一个字符串值,它代表的是本身
=> name 是一个变量,它代表的是本身存储的这个值
一个对象中的属性名不仅仅是字符串格式的,还有可能是数字格式的
var obj = {
name:'Choi',
0:100
};
obj[0] => 100
obj['0'] => 100
obj.0 => Uncaught SyntaxError: Unexpected number 语法错误
----
当我们存储的属性名不是字符串也不是数字的时候,浏览器会把这个值转换为字符串(toString),然后再进行存储
obj[{}] = 300; =>先把({}).toString()后的结果作为对象的属性名存储进来 obj['[object Object]']=300
obj[{}] =>获取的时候也是先把对象转换为字符串'[object Object]',然后获取之前存储的300
----
数组对象(对象由键值对组成的)
var oo = {
a:12
};
var ary = [12,23]; // =>12和23都是属性值,属性名呢?
通过观察结果,我们发现数组对象的属性名是数字(我们把数字属性名称为当前对象的索引)
ary[0]
ary['0']
ary.0 =>报错