根据日期获取对应的是星期几、判断数组类型

我不是女神ヾ 2023-06-25 06:05 24阅读 0赞

## 1.根据日期获取对应的是星期几 ##

背景：

前端有一个需求是展示日期和星期，ui设计如下：

![ui][]  
而后端接口只返回了日期，所以前端要根据日期得到该日期对应的星期。

封装函数如下：

getWeek(t) { 
      const weekDay = ['周日', '周一', '周二', '周三', '周四', '周五', '周六']
      // Date.parse(t)：转化成时间戳
      // new Date(Date.parse(t)): 转成中国标准时间
      // myDate.getDay()：得到weekDay的索引
      var myDate = new Date(Date.parse(t))
      return weekDay[myDate.getDay()]
    },

调用`getWeek`函数时，只需要传入日期变量即可。日期变量的格式可以是：`hh-mm-ss,hh.mm.ss,hh/mm/ss`等。weekDay 中也可以是`['星期日', '星期一', '星期二', '星期三', '星期四', '星期五', '星期六']`

例如：

this.getWeek('2019.12.26) //返回：周四

实际项目中根据接口返回的时间格式而定。

我项目中接口返回的时间数据：  
![在这里插入图片描述][20191226141910937.png]

处理成ui中的时间格式：  
![code][]

展示效果：

![效果展示][20191226142039827.png]

## 2. 判断一个变量是数组类型 ##

方法一： instanceof

instanceof 运算符用于检测构造函数的 prototype 属性是否出现在某个实例对象的原型链上。

variable instanceof Array

![result1][]

方法二： 数组`isArray`方法

`Array.isArray()` ：用于确定传递的值是否是一个 Array。

![result2][]

Array.isArray([1, 2, 3]);  
    // true
    Array.isArray({ foo: 123}); 
    // false
    Array.isArray("foobar");   
    // false
    Array.isArray(undefined);  
    // false

[ui]: https://img-blog.csdnimg.cn/20191226141024838.png
[20191226141910937.png]: https://img-blog.csdnimg.cn/20191226141910937.png
[code]: https://img-blog.csdnimg.cn/20191226141822639.png
[20191226142039827.png]: https://img-blog.csdnimg.cn/20191226142039827.png
[result1]: https://img-blog.csdnimg.cn/2019122614322728.png
[result2]: https://img-blog.csdnimg.cn/2019122614353029.png