JavaScript 基础第五天-优快云博客

本文链接：https://blog.youkuaiyun.com/qq_63889623/article/details/139363566

对象是什么

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

可以理解为是一种无序的数据集合，注意数组是有序的数据集合

对象相当于UL（无序列表）

数组相当于OL（有序列表）

对象使用

对象声明语法

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

对象有属性和方法组成

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

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

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

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

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

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

增删改查

属性-查

1 对象名.属性

2 对象[‘属性’] 方式，单引号和双引号都可以

获得对象中属性对应的值，我称之为属性访问。

总结：

没有必要的时候直接使用点语法, 在需要解析变量的时候使用 [] 语法

属性-改

对象名.属性 = 新值

属性-增

对象名.新属性 = 新值

属性-删（了解）

delete 对象名.属性

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

对象中的方法

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

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

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

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

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

也可以添加形参和实参

遍历对象

for in 循环

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

for in语法中的 k 是一个变量, 在循环的过程中依次代表对象的属性名

由于 k 是变量, 所以必须使用 [ ] 语法解析

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

内置对象

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

Math对象包含的方法有：

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

Ø ceil：向上取整

Ø floor：向下取整

Ø max：找最大数

Ø min：找最小数

Ø pow：幂运算

Ø abs：绝对值

 // 属性
    console.log(Math.PI)
    // 方法
    // ceil 天花板  向上取整
    console.log(Math.ceil(1.1)) // 2 
    console.log(Math.ceil(1.5)) // 2 
    console.log(Math.ceil(1.9)) // 2 
    // floor 地板  向下取整
    console.log(Math.floor(1.1))  // 1
    console.log(Math.floor(1.5))  // 1
    console.log(Math.floor(1.9))  // 1
    console.log(Math.floor('12px'))  // 1
    console.log('----------------')
    // 四舍五入 round
    console.log(Math.round(1.1))  // 1
    console.log(Math.round(1.49))  // 1
    console.log(Math.round(1.5))  // 2
    console.log(Math.round(1.9))  // 2

    
    console.log(Math.round(-1.1))  // -1 
    console.log(Math.round(-1.5))  // -1
    console.log(Math.round(-1.51))  // -2

    // 取整函数 parseInt(1.2)   // 1
    // 取整函数 parseInt('12px')   // 12

    console.log(Math.max(1, 2, 3, 4, 5))
    console.log(Math.min(1, 2, 3, 4, 5))
    console.log(Math.abs(-1));

随机数

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

随机得到一个数组的元素

 let arr = ['red', 'green', 'blue']
    let random = Math.floor(Math.random() * arr.length)
    // console.log(random)
    console.log(arr[random])

// 取到 N ~ M 的随机整数
    function getRandom(N, M) {
      return Math.floor(Math.random() * (M - N + 1)) + N
    }

拓展-术语解释

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

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

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

string ，number，boolean，undefined，null

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

堆栈空间分配区别：

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

栈；

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

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

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

1. 简单类型的内存分配

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

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

2. 复杂类型的内存分配

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

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

JavaScript 基础第五天

对象是什么

对象使用

对象声明语法

对象有属性和方法组成

增 删 改 查

对象中的方法

遍历对象

内置对象

Math对象包含的方法有：

随机数

拓展-术语解释

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

增删改查