js第五天

一.对象

1. 1对象是什么

a.对象（object）：JavaScript里的一种数据类型。可以理解为是一种无序的数据集合， 注意数组是有序的数据集合
用来描述某个事物，例如描述一个人
Ø 人有姓名、年龄、性别等信息、还有吃饭睡觉打代码等功能
Ø 如果用多个变量保存则比较散，用对象比较统一
比如描述 班主任 信息：
Ø 静态特征 (姓名, 年龄, 身高, 性别, 爱好) => 可以使用数字, 字符串, 数组, 布尔类型等表示
Ø 动态行为 (点名, 唱, 跳, rap) => 使用函数表示

总计：

1. 对象是什么？
   Ø 对象是一种数据类型
   Ø 无序的数据的集合
2. 对象有什么特点？
   Ø 无序的数据的集合
   Ø 可以详细的描述描述某个事物

1.2 对象使用

1声明对象语法

let 对象名={}
let 对象名=new Object()

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

2.对象有属性和方法组成

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

let 对象名={
  属性名：属性值,
  方法名：函数
}

3. 属性

数据描述性的信息称为属性，如人的姓名、身高、年龄、性别等，一般是名词性的。
Ø 属性都是成 对出现的，包括属性名和值，它们之间使用英文 : 分隔
Ø 多个属性之间使用英文 , 分隔
Ø 属性就是依附在对象上的变量（外面是变量，对象内是属性）
Ø 属性名可以使用 “” 或 ‘’，一般情况下省略，除非名称遇到特殊符号如空格、中横线等

总结

1. 对象属性有顺序吗？
   Ø 没有
2. 属性和值用什么符号隔开？多个属性用什么隔开？
   Ø 属性和值用 ;:隔开
   Ø 多个属性用，逗号隔开

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

3. 属性-查

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

let goods={
            // uname:'小米10青春版',
              'goods-name':'小米10青春版',
            num:'10012816024',
            weight:'0.55kg',
            address:'中国大陆'
        }
       console.log(goods.address);

3. 属性-改

语法：对象名.属性

person.gender='男'

3. 属性-增

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

3. 属性-删 （了解）

语法：delete 对象名.属性

delete person:gender//删除gender属性

总结

1. 对象查语法如何写？
   Ø 对象名.属性
2. 对象改语法如何写:
   Ø 对象名.属性 = 新值
3. 对象增语法如何写:
   Ø 对象名.新属性名 = 新值
   改和增语法一样，判断标准就是对象有没有这个属性，没有就是新增，有就是改

3. 属性-查的另外一种写法

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

let person={
'user-name':'pink老师'
}
console.log(person.['user-name'])

3. 属性-查的另外一种写法

对象[‘属性’] 方式， 单引号和双引号都阔以
也可以用于其他正常属性，比如：
[]语法里面的值如果不添加引号 默认会当成变量解析
总结：
没有必要的时候直接使用点语法, 在需要解析变量的时候使用 [] 语法

总结

1. 对象访问属性有哪两种方式？
   Ø 点形式 对象.属性
   Ø [] 形式 对象[‘属性’]
2. 两种方式有什么区别？
   Ø 点后面的属性名一定不要加引号
   Ø [] 里面的属性名一定加引号
   Ø 后期不同使用场景会用到不同的写法

5. 对象中的方法

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

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

6. 对象中的方法

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

       // 外部叫函数，对象内部叫方法
             let obj={
                uname:'刘德华',
                // 方法
                song:function(x,y)  //形参
                {
                    console.log(x+y)
                }

             }
            //  方法调用 对象名.方法名
            obj.song(1,2)//实参
            // console.log(obj(1,2));

总结

1. 对象访问方法是如何实现的？
   Ø 对象.方法()
   Ø person.sayHi()
2. 对象方法可以传递参数吗？
   Ø 可以，跟函数使用方法基本一致

1. 4 遍历对象

目标：能够遍历输出对象里面的元素
遍历对象
for 遍历对象的问题：
Ø 对象没有像数组一样的length属性,所以无法确定长度
Ø 对象里面是无序的键值对, 没有规律. 不像数组里面有规律的下标

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

 let obj={
            uname:'pink',
            age:18,
            gender:'男'
        }

        // 2.遍历对象
        for (let k in obj)
        {
            // console.log(k);
            // 属性名  'uname' 'age'
            // console.log(obj.k);
            // 这个时候的uname等属性是加了引号的
            // console.log(obj['uname']);
            console.log(obj[k]);
            // 输出属性值obj[k]
        }

总结

1. 遍历对象用那个语句？
   Øfor in
2. 遍历对象中, for k in obj,获得对象属性是那个，获得值是那个？
   Ø 获得对象属性是 k
   Ø 获得对象值是 obj[k]

1.5 内置对象-Math

介绍：Math对象是JavaScript提供的一个“数学”对象
作用：提供了一系列做数学运算的方法
Math对象包含的方法有：
Ø random：生成0-1之间的随机数（包含0不包括1）
Ø ceil：向上取整
Ø floor：向下取整
Ø max：找最大数
Ø min：找最小数
Ø pow：幂运算
Ø abs：绝对值

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

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

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

拓展- 基本数据类型和引用数据类型

目标：了解基本数据类型和引用数据类型的存储方式
简单类型又叫做基本数据类型或者值类型，复杂类型又叫做引用类型。
1.值类型：简单数据类型/基本数据类型，在存储时变量中存储的是值本身，因此叫做值类型
string ，number，boolean，undefined，null
2.引用类型：复杂数据类型，在存储时变量中存储的仅仅是地址（引用），因此叫做引用数据类型
通过 new 关键字创建的对象（系统对象、自定义对象），如 Object、Array、Date等

堆栈空间分配区别：

1、栈（操作系统）：由操作系统自动分配释放存放函数的参数值、局部变量的值等。其操作方式类似于数据结构中的
栈；
简单数据类型存放到栈里面
2、堆（操作系统）：存储复杂类型(对象)，一般由程序员分配释放，若程序员不释放，由垃圾回收机制回收。
引用数据类型存放到堆里面

数据的储存

1.简单类型的内存分配
··值类型（简单数据类型）： string ，number，boolean，undefined，null
··值类型变量的数据直接存放在变量（栈空间）中

2.复杂数据类型分配
··引用类型（复杂数据类型）：通过 new 关键字创建的对象（系统对象、自定义对象），如 Object、Array、Date等
··引用类型变量（栈空间）里存放的是地址，真正的对象实例存放在堆空间中