JS基础之JS里的数据

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