认识对象
对象(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>
属性的访问
- 可以用“点语法”访问对象中指定键的值
<script>
xiaoming.name; // '小明'
xiaoming.age; // 12
xiaoming.hobbys; // ['足球','游泳','编程']
//对象打点访问它的属性
</script>
- 如果属性名不符合JS标识符命名规范,则必须用方括号的写
法来访问
<script>
xiaoming['favorite-book']; // '舒克和贝塔'
//不符合标识符命名规范,就必须用方括号访问属性
</script>
- 如果属性名以变量形式存储,则必须使用方括号形式
<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>