Js -对象（五）

1.什么是对象

•  对象（object）：JavaScript里的一种数据类型
• 可以理解为是一种无序的数据集合， 注意数组是有序的数据集合
• 用来描述某个事物，例如描述一个人

1. 人有姓名、年龄、性别等信息、还有吃饭睡觉打代码等功能
2.  如果用多个变量保存则比较散，用对象比较统一

• 比如描述 班主任 信息：

1. 静态特征 (姓名, 年龄, 身高, 性别, 爱好) => 可以使用数字, 字符串, 数组, 布尔类型等表示
2. 动态行为 (点名, 唱, 跳, rap) => 使用函数表示

---

2.对象使用

• 对象声明语法

 实际开发中，我们多用花括号。 {} 是对象字面量

• 对象有属性和方法组成

属性：信息或叫特征（名词）。 比如 手机尺寸、颜色、重量等…
方法：功能或叫行为（动词）。 比如 手机打电话、发短信、玩游戏…

• 属性 
•  数据描述性的信息称为属性，如人的姓名、身高、年龄、性别等，一般是名词性的。

1.  属性都是成 对出现的，包括属性名和值，它们之间使用英文 : 分隔
2. 多个属性之间使用英文,分隔
3. 属性就是依附在对象上的变量（外面是变量，对象内是属性）
4. 属性名可以使用 "" 或 ''，一般情况下省略，除非名称遇到特殊符号如空格、中横线等

总结：

• 对象本质是无序的数据集合, 操作数据无非就是 增 删 改 查
• 语法：

• 属性-查

• 语法：对象名.属性

• 声明对象，并添加了若干属性后，可以使用 . 获得对象中属性对应的值，我称之为属性访问。
• 语法：对象名.属性
•  简单理解就是获得对象里面的属性值。

属性-查的另外一种写法

• 对于多词属性或则 - 等属性，点操作就不能用了。
• 我们可以采取： 对象['属性'] 方式， 单引号和双引号都阔以

 注意：这种方式一般使用在for( let k in obj) 的这种遍历对象属性的时候使用

•  属性-改

• 语法：对象名.属性 = 新值

• 属性-增 

• 语法：对象名.新属性 = 新值

• 属性-删 （了解） 

• 语法：delete 对象名.属性

 改和增语法一样，判断标准就是对象有没有这个属性，没有就是新增，有就是改

• 对象中的方法

• l 数据行为性的信息称为方法，如跑步、唱歌等，一般是动词性的，其本质是函数。

1. 方法是由方法名和函数两部分构成，它们之间使用 : 分隔
2. 多个属性之间使用英文 , 分隔
3. 方法是依附在对象中的函数
4. 方法名可以使用 "" 或 ''，一般情况下省略，除非名称遇到特殊符号如空格、中横线等

• 声明对象，并添加了若干方法后，可以使用 . 调用对象中函数，我称之为方法调用。
• 也可以添加形参和实参

---

3.遍历对象

 for 遍历对象的问题：

• 对象没有像数组一样的length属性,所以无法确定长度
• 对象里面是无序的键值对, 没有规律. 不像数组里面有规律的下标

for( let 变量 in 数组)

• 一般不用这种方式遍历数组、主要是用来遍历对象
• for in语法中的 k 是一个变量, 在循环的过程中依次代表对象的属性名
• 由于 k 是变量, 所以必须使用 [ ] 语法解析
• 一定记住： k 是获得对象的属性名， 对象名[k] 是获得 属性值 

 1. 遍历对象用那个语句？

• for in

2. 遍历对象中, for k in obj,获得对象属性是那个，获得值是那个？

• 获得对象属性是 k
• 获得对象值是 obj[k]

---

4.内置对象

内置对象是什么？

1 JavaScript内部提供的对象，包含各种属性和方法给开发者调用
2  思考：我们之前用过内置对象吗？

• document.write()
• console.log()

内置对象-Math

• 介绍：Math对象是JavaScript提供的一个“数学”对象
• 作用：提供了一系列做数学运算的方法
• Math对象包含的方法有：

• random：生成0-1之间的随机数（包含0不包括1）
• ceil：向上取整
• floor：向下取整
• max：找最大数
• min：找最小数
• pow：幂运算
• abs：绝对值

内置对象-生成任意范围随机数

• Math.random() 随机数函数， 返回一个0 - 1之间，并且包括0不包括1的随机小数 [0, 1）
• 如何生成0-10的随机数呢？

Math.floor(Math.random() * (10 + 1))

• 如何生成5-10的随机数？ 

Math.floor(Math.random() * (5 + 1)) + 5

• 如何生成N-M之间的随机数 

Math.floor(Math.random() * (M - N + 1)) + N

案例：

 案例1：随机点名

要求：从数组中随机抽取一个人物，并将其从数组中删除

 案例2：返回随机颜色

要求：编写一个函数，有一个参数flag，如果flag=true，则返回#ffffff形式，如果为false返回rgb(255,255,255)

案例三：渲染学生信息表

要求：使用for遍历信息

 

    
    
    
    



    
学生信息
    
将数据渲染到页面中...

    

        
学生列表
        

            
序号
            
姓名
            
年龄
            
性别
            
家乡
        

        
      
        
       
    

案例四：利用对象数组渲染英雄列表案例