day18 JS基础5-对象

目录

 

一、对象

1、什么是对象

2、对象的使用

3、操作对象

4、遍历对象

5、内置对象

二、基本数据类型和引用数据类型

1、基本数据类型和引用数据类型介绍

2、堆栈空间分配区别

3、简单类型的内存分配

4、 复杂类型的内存分配

---

一、对象

1、什么是对象

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

总结：

（1）对象是什么？

• 对象是一种数据类型无序的数据的集合

（2）对象有什么特点？

• 无序的数据的集合
• 可以详细的描述描述某个事物

2、对象的使用

（1）对象声明语法

 例：

 （2）对象有属性和方法组成

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

（3）属性

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

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

总结：

1.对象属性有顺序吗？

• 没有

2.属性和值用什么符号隔开？多个属性用什么隔开？

• 属性和值用;隔开
• 多个属性用，逗号隔开

（4）属性访问

声明对象，并添加了若干属性后，可以使用.或[] 获得对象中属性对应的值，我称之为属性访问。

简单理解就是获得对象里面的属性值。

例：

使用. 获取值

 使用[]获取值

 注意点：

• 点后面的属性名一定不要加引号
• [] 里面的属性名一定加引号
• 后期不同使用场景会用到不同的写法

（5） 对象中的方法

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

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

（6）对象中的方法访问

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

 注意点：

• 千万别忘了给方法名后面加小括号

3、操作对象

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

• 对象添加新的数据：对象名.新属性名= 新值
• 删除对象中属性：delete 对象名.属性名
• 重新赋值：对象.属性=值   对象.方法= function() {}
• 查询对象：对象.属性  或者  对象[‘属性’]对象.方法()

（1）增加属性

也可以动态为对象添加属性，动态添加与直接定义是一样的，只是语法上更灵活。

 （2）新增对象中的方法

也可以动态为对象添加方法，动态添加与直接定义是一样的，只是语法上更灵活

注意点：

• 无论是属性或是方法，同一个对象中出现名称一样的，后面的会覆盖前面的。

总结：

1.对象是什么？

• 一种数据类型
• 可以理解为一堆数据的集合
• 用来表示某个事物

2.对象的是如何声明和使用的？

• 用{} 把一堆数据包起来
• 多个属性和方法之间用逗号隔开
• console.log输出能方便查看对象里有哪些属性和方法

3.如何动态添加属性和方法？

• 对象如果有这个属性相当于重新赋值
• 对象如果没有这个属性相当于动态添加一个属性

4、遍历对象

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

• 一般不用这种方式遍历数组、主要是用来遍历对象
• 一定记住：k是获得对象的属性名，对象名[k]是获得属性值

总结：

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

• forin

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

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

5、内置对象

（1）内置对象是什么

• JavaScript内部提供的对象，包含各种属性和方法给开发者调
• 例如：document.write() 和 console.log()

（2）内置对象Math

Math对象是JavaScript提供的一个“数学高手”对象，并提供了一系列做数学运算的方法

方法有：

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

（3）生成任意范围随机数

• 如何生成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、基本数据类型和引用数据类型介绍

简单类型又叫做基本数据类型或者值类型，复杂类型又叫做引用类型。

• 值类型：简单数据类型/基本数据类型，在存储时变量中存储的是值本身，因此叫做值类型

string ，number，boolean，undefined，null

• 引用类型：复杂数据类型，在存储时变量中存储的仅仅是地址（引用），因此叫做引用数据类型通过new 关键字创建的对象（系统对象、自定义对象），如Object、Array、Date等

2、堆栈空间分配区别

（1）栈（操作系统）：由操作系统自动分配释放存放函数的参数值、局部变量的值等。其操作方式类似于数据结构中的栈；简单数据类型存放到栈里面

（2）堆（操作系统）：存储复杂类型(对象)，一般由程序员分配释放，若程序员不释放，由垃圾回收机制回收。引用数据类型存放到堆里面

 3、简单类型的内存分配

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

 4、 复杂类型的内存分配

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