JS进阶-内置构造函数（二）

小提示：这些内置函数在开发使用的频率非常的频繁，建议认真看一下，并背一下

目录

知识回顾：

• Object

三个常用静态方法（静态方法就是只有构造函数Object可以调用的）

Object.keys

Object.values

Object. assign

• Array

1. 数组常见实例方法-核心方法

​编辑forEach()

filter()

map

reduce（）

2.数组常见方法-其他方法 

join()

find()

every()

some()

contact()

sort()

splice()

reverse()

findindex

 3.数组特殊方法- 伪数组转换为真数组

静态方法 Array.from()

• String

1. 常见实例方法 

• Number

常用方法：

toFixed() 设置保留小数位的长度

综合案例：

---

知识回顾：

在 JavaScript 中最主要的数据类型有 6 种：

基本数据类型：

• 字符串、数值、布尔、undefined、null

引用类型:

• 对象

但是，我们会发现有些特殊情况：

其实字符串、数值、布尔、等基本类型也都有专门的构造函数，这些我们称为包装类型。 JS中几乎所有的数据都可以基于构成函数创建。 

内置函数如下：

引用类型

• Object，Array，RegExp，Date 等

包装类型

• String，Number，Boolean 等

• Object

Object 是内置的构造函数，用于创建普通对象。

推荐使用字面量方式声明对象，而不是 Object 构造函数 

三个常用静态方法（静态方法就是只有构造函数Object可以调用的）

• Object.keys

• 作用：Object.keys 静态方法获取对象中所有属性（键）
• 语法：

注意： 返回的是一个数组 

Object.values

作用：Object.values 静态方法获取对象中所有属性值

语法：

注意： 返回的是一个数组 

• Object. assign

作用：Object. assign 静态方法常用于对象拷贝

语法：

• Array

Array 是内置的构造函数，用于创建数组

创建数组建议使用字面量创建，不用 Array构造函数创建 

1. 数组常见实例方法-核心方法

forEach()

filter()

map

reduce（）

作用：reduce 返回函数累计处理的结果，经常用于求和等

基本语法：

参数：

起始值可以省略，如果写就作为第一次累计的起始值 

累计值参数：

1. 如果有起始值，则以起始值为准开始累计， 累计值 = 起始值
2. 如果没有起始值， 则累计值以数组的第一个数组元素作为起始值开始累计
3. 后面每次遍历就会用后面的数组元素 累计到 累计值 里面 （类似求和里面的 sum ）
 

使用场景：求和运算：

2.数组常见方法-其他方法 

join()

find()

every()

some()

contact()

sort()

splice()

reverse()

findindex

 3.数组特殊方法- 伪数组转换为真数组

知识回顾：Js种有那些是伪数组

• 使用document.querySelectorAll()得到的数组
• 在函数种的arguments参数也是一个伪数组

静态方法 Array.from()

这个方法一般不用，哈哈

• String

在 JavaScript 中的字符串、数值、布尔具有对象的使用特征，如具有属性和方法

之所以具有对象特征的原因是字符串、数值、布尔类型数据是 JavaScript 底层使用 Object 构造函数“包装”来的，被称为包装类型。

1. 常见实例方法 

• Number

Number 是内置的构造函数，用于创建数值

常用方法：

toFixed() 设置保留小数位的长度

综合案例：

 购物车展示
需求：
根据后台提供的数据，渲染购物车页面

分析业务模块：
①：渲染图片、标题、颜色、价格、赠品等数据
②：单价和小计模块
③：总价模块

  
  
  
  
  



  

    
  
  

    
合计：1000.00