面向对象—认识对象、对象的方法和遍历（一）

认识对象

对象（object）是“键值对”的集合，表示属性和值的映射
关系

<script>
var xiaoming = {
name: '小明',
age: 12,
sex: '男',
hobbies: ['足球','编程']
};
//JS中，大括号表示对象
//属性名（键名，key）
//属性值（value）
</script>

对象的语法
k和v之间用冒号分隔，每组k:v之间用逗号分隔，最后一个
k:v对后可以不书写逗号

<script>
var obj = {
k: v,
k: v,
k: v,
k: v
};
//k和v之间用冒号分隔
//每组k:v之间用逗号分隔
//最后一个k:v对后可以不书写逗号
</script>

属性是否加引号
如果对象的属性键名不符合JS标识符命名规范，则这个键名
必须用引号包裹

<script>
var xiaoming = {
name: '小明',
age: 12,
sex: '男',
hobbys: ['足球','游泳','编程'],'favorite-book': '舒克和贝塔'
};
//属性名中有短横，不符合JS标识符命名规范，属性名必须用引号包裹
</script>

属性的访问

1. 可以用“点语法”访问对象中指定键的值

<script>
xiaoming.name; // '小明'
xiaoming.age; // 12
xiaoming.hobbys; // ['足球','游泳','编程']
//对象打点访问它的属性
</script>

2. 如果属性名不符合JS标识符命名规范，则必须用方括号的写
   法来访问

<script>
xiaoming['favorite-book']; // '舒克和贝塔'
//不符合标识符命名规范，就必须用方括号访问属性
</script>

3. 如果属性名以变量形式存储，则必须使用方括号形式

<script>
var obj = {a: 1,b: 2,c: 3};
var key = 'b';
console.log(obj.key); // undefined
console.log(obj[key]);// 2
//属性名用变量存储
</script>

属性的更改
直接使用赋值运算符重新对某属性赋值即可更改属性

<script>
var obj = {a: 10};
obj.a = 30;
obj.a++;
</script>

属性的创建
如果对象本身没有某个属性值，则用点语法赋值时，这个属
性会被创建出来

<script>
var obj = {a: 10};
obj.b = 40;
</script>
`
**属性的删除**
如果要删除某个对象的属性，需要使用delete操作符
```html
<script>
var obj = {a: 1,b: 2};
delete obj.a;
</script>

对象的方法

如果某个属性值是函数，则它也被称为对象的“方法”

<script>
var xiaoming = {name: '小明',age: 12,sex: '男',hobbys: ['足球', '游泳', '编程'], 'favorite-book': '舒克和贝塔',
sayHello: function () {
	console.log('你好，我是小明，今年12岁，我是个男生');
}};
</script>

方法的调用
使用“点语法”可以调用对象的方法

<script>
xiaoming.sayHello();
</script>

方法和函数
方法也是函数，只不过方法是对象的“函数属性”，它需要
用对象打点调用

<script>
console.log();
Math.ceil();
</script>

对象的遍历

和遍历数组类似，对象也可以被遍历，遍历对象需要使用
for…in…循环
使用for…in…循环可以遍历对象的每个键
for…in…循环

<script>
for (var k in obj) {
console.log('属性' + k + '的值是' + obj[k]);
}
// k -- 循环变量，它会依次成为对象的每一个键
// obj -- 	要遍历的对象
</script>