JS里的数据类型

2019-03-27  本文已影响0人  凛冬的守夜人

javascript里面的数据类型有七种,分别是:
number string boolean symbol undefined null object
对象又可以分为三个子类:数组、函数和狭义的对象(例如:window)

确定一个值到底是什么类型:
typeof运算符
instanceof运算符
Object.prototype.toString方法

值得注意的是:
null的类型是object,function的类型是function

var a=null
typeof a        //"object"
function b(){
······
}
typeof b       //"function"

如果一个变量没有声明,那么typeof是undefined

v
typeof v          //"undefined"

number

JavaScript内部,所有数字都是以64位浮点数形式储存,即使整数也是如此。
所以1与1.0是相同的,是同一个数。
十进制,小数可以写成.x形式,例如:
1+.1=1.1
二进制以0b开头,0b11=3
八进制以0开头,011=9
十六进制以0x开头

Number()把对象的值换成数字

Number(true)               //1
Number(false)             //0
Number(null)              //0
Number(undefined)         //NaN

NaN表示“非数字”(Not a Number),主要出现在将字符串解析成数字出错的场合。
它的数据类型属于Number

typeof(NaN)          //Number

NaN不等于任何值,包括它本身

NaN===NaN          //false

NaN在布尔运算时被当作false

boolean(NaN)          //false

parseInt()方法用于将字符串转为整数
如果parseInt的参数不是字符串,则会先转为字符串再转换。
parseInt的返回值只有两种可能,要么是一个十进制整数,要么是NaN。

parseInt('');            //NaN

parseFloat方法用于将一个字符串转为浮点数。
parseFloat会将空字符串转为NaN。
这些特点使得parseFloat的转换结果不同于Number函数。

parseFloat(true)           //NaN
Number(true)               //1
parseFloat(null)           //NaN
Number(null)               //0
parseFloat('')             //NaN
Number('')                 //0

isNaN方法可以用来判断一个值是否为NaN,返回的是布尔值。

string

''    ""      空字符串      长度为0
' '    " "      空格字符串      长度为1

反斜杠\转义
var a = '''      //a就是一个单引号'

在写字符串时想要写到下一行,需用到转义符,如:
var a= '123
234'      //这样是可以的,但是中间不允许有空格
var a='123
234'      //报错
var a='123'+
'234'      //这样也可以实现换行效果,推荐这一种,不容易造成bug

还可以写成,用``将其包起来,`是在1左边的那个符号
var a=`12345
67890`
a的length等于11,包含回车

boolean

boolean只有两个值:真,假
&&      一假全假
||      一真全真

null和undefined

null与undefined的区别:
1、变量没有被赋值,则它的数据类型是undefined
2、有一个对象obj,现在不想赋值,就设为null
如果是一个非对象,现在不想赋值,就设为undefined

null表示空对象,undefined表示空非对象,可以是字符串之类的

object

书写格式:
var obj = {
'key1':'value1',
'key2':'value2',
'key3':'value3'
}
key$可以加引号,也可以不加引号,如果不加引号的话,一定要按照标识符的书写格式写
如果键名不符合标识符的条件(比如第一个字符为数字,或者含有空格或运算符),且也不是数字,则必须加上引号,否则会报错。

object = {9a:'cc'}            //报错
object = {'9a':'cc'}          //正确
object = {h w:'cc'}          //报错
object = {'h w':'cc'}        //正确
object = {q+w:'cc'}       //报错
object = {'q+w':'cc'}      //正确

如果key为数字的话,浏览器将自动转为字符串,加不加引号都可以
但是:

var obj = {123:'hello world'}
obj.123                 //报错
obj[123]               //正确

查看所有的属性:Object.keys方法

var obj = {key1:1,key2:2}
Object.keys(obj)        //['key1','key2']

delete命令用于删除对象的属性,删除成功后返回true。

var person = {name:'tang'}
'name' in person             //true
delete person.name
'name' in person           //false

for...in循环用来遍历一个对象的全部属性。

var person = {name:'tang',age:18}
for(var key in person){
    console.log(person[key])
}
//name
//age

打印出person的属性值
但是切记不能写成这样:
for(var key in person){
console.log(person.key) //会报错!!!
}

如果里面有一个key的属性,怎么获取该属性呢?

var person = {name:'tang',age:18,key:123}
for(var key in person){
    console.log(person['key'])
}

for...in循环有两个使用注意点
1、它遍历的是对象所有可遍历的属性,会跳过不可遍历的属性
2、他不仅遍历对象自身的属性,还遍历继承的属性

上一篇 下一篇

猜你喜欢

热点阅读