前端js常用代码段总结

---

持续更新中…

以下内容仅供参考。如有错误，欢迎指正！

---

切割数组

场景介绍

前端分页，切换当前页的数据，需要截取相应的数组

总结

Array.prototype.slice()

slice() 方法返回一个新的数组对象，这一对象是一个由 start 和 end 决定的原数组的浅拷贝（包括 start，不包括 end），其中 start 和 end 代表了数组元素的索引。原始数组不会被改变。

—参数描述—
currentPageData：当前页数据
filterData：当前筛选出来的全部数据（没有筛选的话，就是当前的所有数据）
currentPage：当前页数（第几页）
pageSize：当前每页大小

currentPageData= filterData.slice(
    (currentPage- 1) * pageSize,
    pageSize* currentPage
  );

判断一个对象是否拥有某个属性

场景介绍

1、项目中后端返回的字段，有些时候存在有些时候不存在，前端的逻辑需要依靠这个字段

方法总结

Reflect.has()

静态方法 Reflect.has() 作用与 in 操作符 相同。

—参数描述—
target：目标对象
propertyKey：属性名，需要检查目标对象是否存在此属性。

Reflect.has(target, propertyKey)

返回值：一个 Boolean 类型的对象指示是否存在此属性。

---

判断一个对象的属性个数

场景介绍

1、项目中后端返回的字段，相同的对象名称返回的属性不一致，目的是为了区分当前客户端显示的字段在不同模式下的展现方式
比如：在一个界面中，每次返回的接口都是同一个，各个字段一致，但是字段里面的内容不一致，客户端的展示又会根据内容来变化，那么我们就只能通过当前能判断显示的字段的内容来操作
这里我们是同一个字段名obj，这是一个对象，我得根据里面的属性名来判断展示的UI
(1)、属性个数（当前方法可以得到）
（2）、属性名称（上一个方法可以匹配）

方法总结

Object.keys(obj).length

静态方法 Reflect.has() 作用与 in 操作符 相同。

—参数描述—
obj：目标对象

Object.keys(obj).length

返回值：一个 对象的属性个数。