JS一共有7中数据类型,其中分为两类:基本类型和引用类型。
数据类型:
-
基本类型:
number
string
boolean
undefined
null
-
引用类型:
object
(array和function都属于object类型)
number
number
表示数字类型
二进制
var n = 0b11
n //3
八进制
var n = 011
n //9
十进制
var n = 11
n //11
十六进制
var n = 0x11
n //17
String类型
string
类型表示字符串类型
var s = 'hello';
可以使用""表示空字符串
var s = "";
s //""
如何输入多行字符串
var s = '12345 \
67890'
s //"12345 67890" 回车也算一个字符
也可以使用+来连接
var s = 'hello' +
'world!'
s //"helloworld!" 不包含回车
转义符: \
var s = '123\n321'
\n换行
s //123
//321
ES6语法:
var s = `12345
67890` //length包含回车
s.length //11
boolean类型
boolean
只有两个值:true和false,通常用于条件判断
if(true){
console.log('正确')
}else{
console.log('错误')
}
//正确
if(false){
console.log('正确')
}else{
console.log('错误')
}
//错误
逻辑判断
&&
与||
&&
表示逻辑与,例如 a && b
表示a和b。常用来做逻辑判断
true && true //true
true && false //false
false && false //false
||
表示逻辑或,比例a || b
表示a或b。
true || true // true
true || false // true
false || false //false
null和undefined
null
和undefined
都表示空值,但是为什么在JS里会有两个表示空的值呢?
可以理解为这个JS之父设计的一个bug,具体差异如下:
- 声明一个变量不赋值,默认为undefined
var a
a //undefined
- 声明一个对象但此时不想赋值,则赋值为null
var a = null
a //null
- 声明一个变量但没想好给什么值,使用undefined
var a = undefined
最后两点应该算是习俗吧。
object类型
object(对象),是一组key-value(键值对)集合,也可看作是哈希表,是一种无序的复合数据集合。
在命名key时,如果不加引号,则需要遵守命名规则,加上引号可以随意命名。
var obj = {
name: 'zink',
age: 20,
gender: 'man',
}
obj.name //'zink'
obj.age //20
obj.gender //'man'
读取对象中的属性有两种方式:
obj.name //'zink' 这里不是变量
obj['name'] //'zink'
这两种方式是正确的,使用方括号运算符时参数必须是字符串,否则
obj[name] //undefined,这里的参数其实是变量name
var name = 'age'
obj[name] //20 所以在访问对象本身的属性时不要使用这种方式,容易造成混乱,被人骂死。
当key是数字时:
var obj = {
1: 'zink',
2: 20,
3: 'man'
}
此时再使用obj.1是无法访问到属性的值的
obj.1 //报错
这样才是正确的
obj[1] //'zink
obj['1'] //'zink'
这里的数字1会被转换为字符串1
对象当中还可以添加对象,key也可以是空字符串
var parent = {
name: 'jack',
age: 30,
gender: 'man',
'': '我的key是空字符串',
child: {
name: 'baby',
age: '2',
gender: 'man'
}
}
parent.child.name //'baby'
parent.child.age //2
parent.child.gender //'man'
parent[''] //'我的key是空字符串'
delete和in
delete命令用于删除对象的属性,删除成功后返回true。
in运算符用于检查对象是否包含某个属性,如果包含就返回true,否则返回false。
var obj = {
name: 'zink',
age: 20,
gender: 'man'
}
delete obj.name //true
obj //{age: 20, gender: "man"}
'name' in obj //false
'age' in obj //true
但in运算符不能识别哪些属性是对象自身的,哪些是继承的。
var obj = {
p: 1
}
'toString' in obj //true
上面代码中toString是继承而来而不是自身的。
for..in循环
for...in循环用来遍历一个对象的全部属性。
var obj = {
name: 'zink',
age: 20,
gender: 'man'
}
for(var key in obj){
console.log(key) //name age gender
console.log(obj[key]) //'zink' 20 'man'
}
打印出的值的排列顺序并不可信,因为对象本身是无序的复合数据集合。
typeof
typeof运算符可以返回一个值的数据类型。
typeof 123 // "number"
typeof '123' // "string"
typeof false // "boolean"
通过这个运算符可以发现两个bug
typeof null //object
typeof Function //function