JavaScript学习笔记|数据类型——Object类型、for in循环

对象（object）是 JavaScript 语言的核心概念，也是最重要的数据类型。是一组数据和功能的集合。

创建对象实例

1.使用new操作符后跟Object构造函数

	var person = new Object();
	person.name = "Ricardo";
	person.age = 23;

2.使用对象字面量的方式（推荐）

	var person = {
		name:"Ricardo",
		age:23
	};

对象可以理解为是一组 “键值对”（key-value）的集合，是一种无序的复合数据集合。在上述代码中，大括号就定义了一个对象，它被赋值给变量 person ，所以变量 person 就指向一个对象。该对象内部包含两个键值对（又称为两个“属性”），第一个键值对是 name:“Ricardo” ，其中 name 是“键名”（属性名），字符串 Ricardo 是“键值”（属性值）。键名与键值之间用冒号分隔。第二个键值对是 age:23， age 是键名， 23 是键值。两个键值对之间用逗号分隔。

	在使用对象字面量这种方式时，用逗号来分隔不同的属性，且最后一个属性后不能跟逗号。
	若在最后一个属性后添加逗号，会在IE7及更早版本和Opera中导致错误

2.1 属性名（键名）

属性名也可以使用字符串（属性名都是字符串，所以可省略引号）

	var person = {
		"name":"Ricardo",
		"age":23,
		5:true
	};

这里的数值属性名会自动转换为字符串
如果属性名不符合标识名的条件（比如第一个字符为数字，或者含有空格或运算符），且也不是数字，则必须加上引号，否则会报错。

	//正确写法
	var obj = {
		"1p":"ricardo",
		"2 p":"lee",
		"2+3":5
	};

访问对象

访问对象的属性，有两种方法，一种是点方法，还有一种是方括号表示法。

	console.log(person.name);//点方法
	console.log(person["name"]);//方括号表示法，属性名应加引号

使用方括号表示法，应将要访问的属性名以字符串的形式放在方括号中。

	person["first name"] = "Ricardo";

如果属性名中包含会导致语法错误的字符，或者属性名使用的是关键字或保留字，则推荐使用方括号表示法。

对象的枚举

for in

想要遍历数组，可以使用for循环

var arr= [1, 2, 3, 4];
for (var i = 0; i < arr.length; i++) {
	console.log(arr[i]);
}

那么对象呢？对象没有length属性

var obj = {
	name: 'zhangsan',
	age: 18,
	sex: 'male'
}

console.log(obj.length);//undefined

这时候就要用到for in

var obj = {
	name: 'zhangsan',
	age: 18,
	sex: 'male'
}

for (var key in obj) {
	console.log(obj[key]);
}

for in语法

for (变量 in 对象/数组) {
	...
}

变量用来接收对象属性或数组的元素
为什么输出语句要使用方括号表示法？

var obj = {
	name: 'zhangsan',
	age: 18,
	sex: 'male'
}

for (var key in obj) {
	console.log(obj.key);//undefined
}

因为点方法最终会转换为方括号法

obj.key ---> obj['key']

这样就会把key当做obj中的一个属性，可obj中并没有这个属性，所以会返回undefined。

var obj = {
	name: 'zhangsan',
	age: 18,
	sex: 'male'
}

for (var key in obj) {
	console.log(typeof(key));//string
}

并且key变量为字符串，所以在用方括号访问时，不用加上""。

var obj = {
	name: 'zhangsan',
	age: 18,
	sex: 'male'
}

for (var key in obj) {
	console.log(key+':'+obj[key]);
}

以上代码输出结果为
name:zhangsan
age:18
sex:male

参考资料

1. 阮一峰JavaScript标准参考教程（alpha）-语法-对象
2. 《JavaScript高级程序设计第三版》