- 首页 > it技术 > >
Javascript——对象数据类型(Object)
- 了解对象数据类型
对象数据类型相当于一个盒子,承载一堆数据,使用抽象的方法描述一个事物
一个对象内由多组键值对组成 属性名: 属性值
例如形容一辆车:var car = {name:"Fiat", model:500, color:"white"};
- 对象的创建方法
- 字面量创建方法:
var 对象变量名 = {属性名: 属性值,···}
- 内置构造函数创建方法:var 变量名 = new Object( );
- 两种对象创建方式区别
- 字面量创建方法可在创建时直接添加数据
- 内置构造函数创建方法需要通过后期的 操作方法 进行添加数据
- 对象操作语法
- 点语法操作:
- 增加对象成员语法:
对象名.成员名=值
- 删除对象成员语法:
delete 对象名.成员名=值
- 修改对象成员语法(存在成员进行修改,不存在进行添加):
对象名.成员名=值
- 查找对象成员语法(成员不存在返回undefined):
对象名.成员名
- 数组关联语法操作:
- 增加对象成员语法:
对象名['成员名']=值
- 删除对象成员语法:
delete 对象名['成员名']=值
- 修改对象成员语法(存在成员进行修改,不存在进行添加):
对象名['成员名']=值
- 查找对象成员语法(成员不存在返回undefined):
对象名['成员名']
注意:[ ] 内如果是一个变量,且变量的值为字符串,最终成员名替换为变量的值,如果不是字符串,则直接报错
- 两种操作语法的区别
- 点语法操作时,成员名不能进行字符串拼接,不能使用变量
- 数组关联语法操作时,成员名可进行字符串拼接和使用字符串类型的变量
- 对象数据类型控制台输出显示的两种状态
- 在为展开查看时,显示的是代码运行过程中存储数据的状态
- 当展开后查看,显示的是代码运行完后,最终存储数据的状态
- 使用
console.table()
进行表格式输出,可以查看每个阶段对象变化后存储的数据
- 循环遍历对象
- 【Javascript——对象数据类型(Object)】for...in 语句用于遍历数组或者对象的属性(对数组或者对象的属性进行循环操作)
for(var 变量 in 对象名){
执行代码
}
- 对象内有多少个成员执行多少次,变量每次循环是对象中的成员,所以使用
对象名[变量]
可获取每个成员的值
- 可使用
‘成员名’ in 对象名
判断对象中是否存在该成员
推荐阅读