Javascript——对象数据类型(Object)

  • 了解对象数据类型

    对象数据类型相当于一个盒子,承载一堆数据,使用抽象的方法描述一个事物
    一个对象内由多组键值对组成 属性名: 属性值
    例如形容一辆车:var car = {name:"Fiat", model:500, color:"white"};

  • 对象的创建方法

    • 字面量创建方法:var 对象变量名 = {属性名: 属性值,···}
    • 内置构造函数创建方法:var 变量名 = new Object( );
  • 两种对象创建方式区别

    • 字面量创建方法可在创建时直接添加数据
    • 内置构造函数创建方法需要通过后期的 操作方法 进行添加数据
  • 对象操作语法

    • 点语法操作:

      1. 增加对象成员语法:对象名.成员名=值
      2. 删除对象成员语法:delete 对象名.成员名=值
      3. 修改对象成员语法(存在成员进行修改,不存在进行添加):对象名.成员名=值
      4. 查找对象成员语法(成员不存在返回undefined):对象名.成员名
    • 数组关联语法操作:

      1. 增加对象成员语法:对象名['成员名']=值
      2. 删除对象成员语法: delete 对象名['成员名']=值
      3. 修改对象成员语法(存在成员进行修改,不存在进行添加):对象名['成员名']=值
      4. 查找对象成员语法(成员不存在返回undefined):对象名['成员名']

    注意:[ ] 内如果是一个变量,且变量的值为字符串,最终成员名替换为变量的值,如果不是字符串,则直接报错

  • 两种操作语法的区别

    • 点语法操作时,成员名不能进行字符串拼接,不能使用变量
    • 数组关联语法操作时,成员名可进行字符串拼接和使用字符串类型的变量
  • 对象数据类型控制台输出显示的两种状态

    • 在为展开查看时,显示的是代码运行过程中存储数据的状态
    • 当展开后查看,显示的是代码运行完后,最终存储数据的状态
    • 使用console.table()进行表格式输出,可以查看每个阶段对象变化后存储的数据
  • 循环遍历对象

    • for...in 语句用于遍历数组或者对象的属性(对数组或者对象的属性进行循环操作)

      for(var 变量 in 对象名){
          执行代码
      }
    • 对象内有多少个成员执行多少次,变量每次循环是对象中的成员,所以使用 对象名[变量]可获取每个成员的值
    • 可使用‘成员名’ in 对象名判断对象中是否存在该成员

你可能感兴趣的:(前端学习)