JavaScript第五天学习总结—— 对象、创建对象的三种方式、遍历对象

对象的相关概念

什么是对象？

• 在 JavaScript 中，对象是一组无序的相关属性和方法的集合，所有的事物都是对象，例如字符串、数值、数组、函数等。

• 对象是由属性和方法组成的

  • 属性：事物的特征，在对象中用属性来表示（常用名词）

  • 方法：事物的行为，在对象中用方法来表示（常用动词）

    [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-CxMlEWd1-1628091491881)(C:\Users\26036\Desktop\images\图片3.png)]

为什么需要对象？

• 保存一个值时，可以使用变量，保存多个值（一组值）时，可以使用数组。

• 如果要保存一个人的完整信息呢？

• 例如，将“张三疯”的个人的信息保存在数组中的方式为：

  var arr = [‘张三疯’, ‘男', 128,154];

• 上述例子中用数组保存数据的缺点是：数据只能通过索引值访问，开发者需要清晰的清楚所有的数据的排行才能准确地获取数据，而当数据量庞大时，不可能做到记忆所有数据的索引值。

• 为了让更好地存储一组数据，对象应运而生：对象中为每项数据设置了属性名称，可以访问数据更语义化，数据结构清晰，表意明显，方便开发者使用。

• 使用对象记录上组数据为：

 var obj = {
   
      "name":"张三疯",
      "sex":"男",
      "age":128,
      "height":154
  }

• JS中的对象表达结构更清晰，更强大。

总结

• 万物皆对象，对象是 一个具体的事物 ，看得见摸得着的实物。例如，一本书、一辆汽车
• 在 JavaScript 中，对象是一组无序的相关属性和方法的集合
• 为啥要有对象：为了方便管理多个变量，和多个函数
• 对象中的变量，称之为属性
• 对象中的函数，称之为方法

创建对象的三种方式

利用字面量创建对象

语法：

var obj = {
   key:value,key2:value2...};

• key键：相当于属性名

• value值：相当于属性值，可以是任意类型的值（数字类型、字符串类型、布尔类型，函数类型等）

  • 在对象中的方法，也可以理解为是一个属性，可以称之为方法属性

注意：

• 里面的属性或者方法我们采取键值对的形式 键 属性名 ： 值 属性值
• 多个属性或者方法中间用逗号隔开的
• 方法冒号后面跟的是一个匿名函数

示例代码：

var star = {
   // star即是创建的对象。
    name : 'pink',
    age : 18,
    sex : '男',
    sayHi : function(){
   
        alert('大家好啊~');
    }
};

对象的使用

访问对象的属性

//1.点语法：对象名.属性名
console.log(star.name)
//2.中括号语法：对象名['属性名']
console.log(star['name']) //star[name],先找name变量的值：'age'，star['age']---- 18

调用对象的方法

//1.点语法：对象.方法()
star.sayHi(); // 调用方法,注意，一定不要忘记带后面的括号
//2.中括号语法：对象['方法']()
star['sayHi']();

总结

• 其实调用属性和方法语法都一样
• 只不过方法需要添加小括号
• 方法，也可以称之为属性，可以叫做方法属性

变量、属性、函数、方法总结

• 属性是对象的一部分，而变量不是对象的一部分，变量是单独存储数据的容器

  • 变量：单独声明赋值，单独存在。使用的时候直接写变量名
  • 属性：对象里面的变量称为属性，不需要声明，用来描述该对象的特征。使用的时候必须是 对象名.属性名

• 方法是对象的一部分，函数不是对象的一部分，函数是单独封装操作的容器

  • 函数：单独存在的，通过函数名()的方式就可以调用
  • 方法：对象里面的函数称为方法，方法不需要声明，使用对象.方法名()的方式就可以调用，方法用来描述该对象的行为和功能。

总结