黑马程序员JS第五天

对象

• 什么是对象

• 对象使用

• 操作对象

• 遍历对象

• 内置对象

1、什么是对象

对象是什么

对象（object）：JavaScript里的一种数据类型

可以理解为是一种无序的数据集合

用来描述某个事物，例如描述一个人

人有姓名、年龄、性别等信息、还有吃饭睡觉打代码等功能

如果用多个变量保存则比较散，用对象比较统一

比如描述 班主任 信息：

静态特征 (姓名, 年龄, 身高, 性别, 爱好) => 可以使用数字, 字符串, 数组, 布尔类型等表示

动态行为 (点名, 唱, 跳, rap) => 使用函数表示

2、对象使用

1. 对象声明语法

let 对象名 = {}

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

属性：信息或叫特征（名词）。 比如 手机尺寸、颜色、重量等…

方法：功能或叫行为（动词）。 比如 手机打电话、发短信、玩游戏…

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

3. 属性

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

属性都是成 对出现的，包括属性名和值，它们之间使用英文 : 分隔

多个属性之间使用英文 , 分隔

属性就是依附在对象上的变量（外面是变量，对象内是属性）

属性名可以使用 "" 或 ''， 一般情况下省略 ，除非名称遇到特殊符号如空格、中横线等

let person = {
    uname:'andy',
    age:18,
    sex:'男'
}

4. 属性访问

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

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

let person = {
    name:'andy',
    age:18,
    sex:'男'
}
console.log(person.name)
console.log(person.age)

let person = {
    name:'andy',
    age:18,
    sex:'男'
}
console.log(person['name'])
console.log(person['age'])

5. 对象中的方法

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

1. 方法是由方法名和函数两部分构成，它们之间使用 : 分隔

2. 多个属性之间使用英文 , 分隔

3. 方法是依附在对象中的函数

4. 方法名可以使用 "" 或 ''，一般情况下省略，除非名称遇到特殊符号如空格、中横线等

let person = {
    name:'andy',
    sayHi:function(){
        document.write('hi~~')
    }
}

6. 对象中的方法访问

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

let person = {
    name:'andy',
    sayHi:function(){
        document.write('hi~~')
    }
}
//对象名.方法名
person.sayHi()

注意： 千万别忘了给方法名后面加小括号

3、操作对象

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

 

增加属性

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

let person = {
    name:'andy',
    age:18,
}
person.habby = '足球''
person['sex'] = '男'
console.log(person)

新增对象中的方法

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

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

person.move = function(){
    document.write('移动一点点')
}

4、遍历对象

遍历对象

对象没有像数组一样的length属性,所以无法确定长度

对象里面是无序的键值对, 没有规律. 不像数组里面有规律的下标

遍历对象

一般不用这种方式遍历数组、主要是用来遍历对象

一定记住： k 是获得对象的 属性名 ， 对象名[k] 是获得 属性值

let obj = {
    uname:'andy'
    age:18,
    sex:'男'
}
for(let k in obj){
    console.log(k)    //打印属性名
    console.log(obj[k])    //打印属性名
}

5、内置对象

内置对象是什么

JavaScript内部提供的对象，包含各种属性和方法给开发者调用

内置对象Math

Math对象是JavaScript提供的一个“数学高手”对象

提供了一系列做数学运算的方法

方法有：

random：生成0-1之间的随机数（包含0不包括1）

ceil：向上取整

floor：向下取整

max：找最大数

min：找最小数

pow：幂运算

abs：绝对值

生成任意范围随机数

如何生成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

拓展-术语解释

术语	解释	举例
关键字	在JavaScript中由特殊意义的词汇	let,var,function,if,else,switch,case,break
保留字	在目前的JavaScript中没意义，但未来可能会具有特殊意义的词汇	int,short,long,char
标识（标识符）	变量名、函数名的另一种叫法	无
表达式	能产生值的代码，一般配合运算符出现	10+3、age>=18
语句	一句代码也称之为一条语句，一般按用途还会分类：输出语句、声明语句、分支语句	无

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

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

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

string ，number，boolean，undefined，null

引用类型：复杂数据类型，在存储时变量中存储的仅仅是地址（引用），因此叫做引用数据类型

通过 new 关键字创建的对象（系统对象、自定义对象），如 Object、Array、Date等

堆栈空间分配区别：

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

的栈；

简单数据类型存放到栈里面

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

引用数据类型存放到堆里面

简单类型的内存分配

值类型（简单数据类型）： string ，number，boolean，undefined，null

值类型变量的数据直接存放在变量（栈空间）中

 

复杂类型的内存分配

引用类型（复杂数据类型）：通过 new 关键字创建的对象（系统对象、自定义对象），如 Object、Array、Date等

引用类型变量（栈空间）里存放的是地址，真正的对象实例存放在堆空间中