【JavaScript 漫游】【013】Date 对象知识点摘录

img

文章简介

本文为【JavaScript 漫游】专栏的第 013 篇文章,记录了 JS 语言中 Date 对象的重要知识点。

  1. 普通函数的用法
  2. 构造函数的用法
  3. 日期的运算
  4. 静态方法,包括:Date.now()Date.parse()Date.UTC()
  5. 实例方法,包括:Date.prototype.valueOf()to 类方法、get 类方法和 set 类方法

普通函数的用法

Date 对象可以作为普通函数直接调用,返回一个代表当前时间的字符串。

Date();
// 'Wed Feb 07 2024 17:03:14 GMT+0800 (中国标准时间)'

注意,即使带有参数,Date 作为普通函数使用时,返回的还是当前时间。

Date(2019, 9, 1);
// 'Wed Feb 07 2024 17:05:18 GMT+0800 (中国标准时间)'

构造函数的用法

Date 还可以当作构造函数使用。对它使用 new 命令,会返回一个 Date 对象的实例。如果不加参数,实例代表的就是当前时间。

var today = new Date();

Date 实例有一个独特的地方。其他对象求值的时候,都是默认调用 .valueOf() 方法,但是Date 实例求值的时候,默认调用的是toString()方法。这导致对Date实例求值,返回的是一个字符串,代表该实例对应的时间。

var today = new Date();
today;
// 等同于
today.toString();
// Wed Feb 07 2024 17:09:08 GMT+0800 (中国标准时间)

作为构造函数时,Date 对象可以接受多种格式的参数,返回一个该参数对应的时间实例。

// 参数为时间零点开始计算的毫秒数
new Date(1707297016159);
// Wed Feb 07 2024 17:10:16 GMT+0800 (中国标准时间)// 参数为日期字符串
new Date('Feb, 6, 2024');
// Tue Feb 06 2024 00:00:00 GMT+0800 (中国标准时间)// 参数为多个整数
// 代表年、月、日、小时、分钟、秒、毫秒
new Date(2024, 2, 6, 15, 26, 33);
// Wed Mar 06 2024 15:26:33 GMT+0800 (中国标准时间)

关于 Date 构造函数的参数,有几点说明。

第一点,参数可以是负整数,代表1970年元旦之前的时间。

new Date(-1707297016159);
Thu Nov 25 1915 22:49:43 GMT+0800 (中国标准时间)

第二点,只要是能被Date.parse()方法解析的字符串,都可以当作参数。

new Date('2024-2-6');
new Date('February, 15, 2024');
new Date('FEB, 6, 2024');
// ...

第三点,参数为年、月、日等多个整数时,年和月是不能省略的,其他参数都可以省略的。也就是说,这时至少需要两个参数,因为如果只使用年这一个参数,Date 会将其解释为毫秒数。

new Date(2024);
// Thu Jan 01 1970 08:00:02 GMT+0800 (中国标准时间)

各个参数的取值范围如下。

  • 年:使用四位数年份,比如 2000。如果写成两位数或个位数,则加上 1900 ,即 10 代表 1910年。如果是负数,表示公元前
  • 月:0 表示一月,依次类推,11 表示12月
  • 日:131
  • 小时:023
  • 分钟:059
  • 秒:059
  • 毫秒:0999

注意,月份从 0 开始计算,但是,天数从 1 开始计算。另外,除了日期的默认值为 1,小时、分钟、秒钟和毫秒的默认值都是 0

这些参数如果超出了正常范围,会被自动折算。比如,如果月设为 15,就折算为下一年的 4 月。

new Date(2024, 15);
// Tue Apr 01 2025 00:00:00 GMT+0800 (中国标准时间)
new Date(2024, 0, 0);
// Sun Dec 31 2023 00:00:00 GMT+0800 (中国标准时间)

参数还可以使用负数,表示扣去的时间。

new Date(2024, -1);
// Fri Dec 01 2023 00:00:00 GMT+0800 (中国标准时间)
new Date(2024, 0, -1);
// Sat Dec 30 2023 00:00:00 GMT+0800 (中国标准时间)

日期的运算

类型自动转换时,Date 实例如果转为数值,则等于对应的毫秒数;如果转为字符串,则等于对应的日期字符串。所以,两个日期实例对象进行减法运算时,返回的是它们间隔的毫秒数;进行加法运算时,返回的是两个字符串连接而成的新字符串。

new Date(2024, 2, 6) - new Date(2024, 2, 5);
// 86400000
new Date(2024, 2, 6) + new Date(2024, 2, 5);
// 'Wed Mar 06 2024 00:00:00 GMT+0800 (中国标准时间)Tue Mar 05 2024 00:00:00 GMT+0800 (中国标准时间)'

静态方法

Date.now()

返回当前时间距离时间零点(1970年1月1日 00:00:00 UTC)的毫秒数。

Date.now(); // 1707298447468

Date.parse()

用来解析日期字符串,返回该时间距离时间零点的毫秒数。

日期字符串应该符合YYYY-MM-DDTHH:mm:ss:sssZ 格式,其中最后的 Z 表示时区。但是,其他格式也可以被解析。

Date.parse('Feb 6, 2024');
Date.parse('2024-2-6');
Date.parse('2024-2-6T17:36:00');
// ...

如果解析失败,返回 NaN

Date.UTC()

Date.UTC() 接受年、月、日等变量作为参数,返回该时间距离时间零点的毫秒数。

Date.UTC(2024, 2, 6, 17, 45, 45, 666);
// 1709747145666

该方法的参数用法与 Date 构造函数完全一致,比如月从 0 开始计算,日期从 1 开始计算。区别在于 Date.UTC 方法的参数,会被解释为 UTC 时间(世界标准时间),Date 构造函数的参数会被解释为当前时区的时间。

实例方法

Date 的实例对象,有几十个自己的方法,除了 valueOftoString ,可以分为以下三类。

  • to 类:从 Date 对象返回一个字符串,表示指定的时间
  • get 类:获取 Date 对象的日期和时间
  • set 类:设置Date 对象的日期和时间

Date.prototype.valueOf()

返回实例对象距离时间零点对应的毫秒数,等同于 getTime 方法

new Date().valueOf();
new Date().getTime();
// 1707299455536

to 类方法

  • Date.prototype.toString() :返回一个完整的日期字符串
  • Date.prototype.toUTCString():返回对应的 UTC 时间的日期字符串
  • Date.prototype.toISOString():返回符合 ISO8601 写法的日期字符串
  • Date.prototype.toJSON():符合 JSON 格式的 ISO 日期字符串
  • Date.prototype.toDateString():返回日期字符串(不含小时、分和秒)
  • Date.prototype.toTimeString():返回时间字符串(不含年月日)
  • Date.prototype.toLocaleString():完整的本地时间
  • Date.prototype.toLocaleDateString():本地日期(不含小时、分和秒)
  • Date.prototype.toLocaleTimeString():本地时间(不含年月日)

get 类方法

  • Date.prototype.getTime():返回实例距离时间零点的毫秒数,等同于 valueOf()
  • Date.prototype.getDate():返回实例对象对应每月的几号(从 1 开始)
  • Date.prototype.getDay():返回星期几,星期日为0,星期一为1,以此类推
  • Date.prototype.getFullYear():返回四位的年份
  • Date.prototype.getMonth():返回月份(0表示1月,11表示12月)
  • Date.prototype.getHours():返回小时(0-23)
  • Date.prototype.getMilliseconds():返回毫秒(0-999)
  • Date.prototype.getMinutes():返回分钟(0-59)
  • Date.prototype.getSeconds():返回秒(0-59)
  • Date.prototype.getTimezoneOffset():返回当前时间与 UTC 的时区差异,以分钟表示,返回结果考虑到了夏令时因素。

Date 对象还提供了这些方法对应的 UTC 版本,用来返回 UTC 时间:getUTCDate()getUTCFullYear()getUTCMonth()getUTCDay()getUTCHours()getUTCMinutes()getUTCSeconds()getUTCMilliseconds()

set 类方法

  • Date.prototype.setDate(date):设置实例对象对应的每个月的几号(1-31),返回改变后毫秒时间戳
  • Date.prototype.setFullYear(year [, month, date]):设置四位年份
  • Date.prototype.setHours(hour [, min, sec, ms]):设置小时(0-23)
  • Date.prototype.setMilliseconds():设置毫秒(0-999)
  • Date.prototype.setMinutes(min [, sec, ms]):设置分钟(0-59)
  • Date.prototype.setMonth(month [, date]):设置月份(0-11)
  • Date.prototype.setSeconds(sec [, ms]):设置秒(0-59)
  • Date.prototype.setTime(milliseconds):设置毫秒时间戳

同样的,这些方法也有对应的 UTC 版本:setUTCDate()setUTCFullYearsetUTCHours()setUTCMilliseconds()setUTCMinutes()setUTCMonth()setUTCSeconds()

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/677696.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

H5/CSS 笔试面试考题(31-40)

简述CSS 样式,边距: 10px 20px 40px 30px ;哪一个是底边距 ( ) A:10px B:20px C:40px D:30px 面试通过率:45.0% 推荐指数: ★★★ 试题难度: 初级 试题类型&a…

JavaScript的原型与继承

原型 原型 prototype,我们所创建的每一个实例,解析器都会向这个函数中添加一个prototype,属性,这个属性会对应这个一个对象,这个对象就是原型对象(显式原型),原型对象就相当于一个公…

156基于Matlab的光纤陀螺随机噪声和信号

基于Matlab的光纤陀螺随机噪声和信号,利用固定步长和可调步长的LMS自适应滤波、最小二乘法、滑动均值三种方法进行降噪处理,最后用阿兰方差评价降噪效果。程序已调通,可直接运行。 156 信号处理 自适应滤波 降噪效果评估 (xiaohongshu.com)

YOLOv5改进 | 融合改进篇 | 华为VanillaNet + BiFPN突破涨点极限

一、本文介绍 本文给大家带来的改进机制是华为VanillaNet主干配合BiFPN实现融合涨点,这个主干是一种注重极简主义和效率的神经网络我也将其进行了实验, 其中的BiFPN不用介绍了从其发布到现在一直是比较热门的改进机制,其主要思想是通过多层级的特征金字塔和双向信息传递来提…

[office] Excel自带的编辑函数求和方法 #其他#媒体

Excel自带的编辑函数求和方法 今天小编为大家分享Excel自带的编辑函数求和方法,方法很简单的,对于不是很熟悉excel表格的朋友可以参考一下,希望能对大家有所帮助 很多同学以及上班族需要大量使用Excel这款表格编辑器,当表格中有大…

企业IT故障应急响应:四大关键控制点的精细管理

面对不断复杂的生产环境,如何围绕“故障发现、故障响应、故障定位、故障恢复”四个关键环节,进行多方面统筹建设,从而达到增加TBF和缩短TTR的目标? TBF(无故障时长)和TTR(故障修复时长&#xf…

论文笔记:相似感知的多模态假新闻检测

整理了RecSys2020 Progressive Layered Extraction : A Novel Multi-Task Learning Model for Personalized Recommendations)论文的阅读笔记 背景模型实验 论文地址:SAFE 背景 在此之前,对利用新闻文章中文本信息和视觉信息之间的关系(相似…

Bert与ChatGPT

1. Bert模型 BERT(Bidirectional Encoder Representations from Transformers)是一种预训练语言表示的方法,由Google AI在2018年提出。它标志着自然语言处理(NLP)领域的一个重大进步,因为它能够理解单词在…

CSP-202009-1-称检测点查询

CSP-202009-1-称检测点查询 解题思路 本题的时间复杂度貌似没有限制&#xff0c;直接暴力枚举就能知识盲点&#xff1a;sort()函数-升序排序 #include <algorithm>给名为dis&#xff0c;长度为n的数组排序sort(new_dis, new_dis n); #include <iostream> #inc…

第69讲后端登录逻辑实现

Admin实体&#xff1a; TableName("t_admin") Data public class Admin {TableId(type IdType.AUTO)private Integer id; // 编号private String userName; // 用户名private String password; // 密码TableField(select false)private String newPassword; // 新…

labelimg 在pycharm下载使用

labelimg 使用数据标注工具 labelimg 制作数据集 在pycharm中搜索labelimg 选择版本安装 labelimg install 使用数据标注工具制作数据集 启动 带参数启动 1、cmd cd到指定目录 2、带参数启动标注工具 左侧可以选择切换为需要的数据格式 一些快捷键 和自动保存&#xff0c…

Stable Diffusion 模型下载:RealCartoon-Realistic - V13

文章目录 模型介绍生成案例案例一案例二案例三案例四案例五案例六案例七案例八案例九案例十下载地址模型介绍 该检查点是 RealCartoon3D 检查点的一个分支。这个目标是在背景和人物中产生更“真实”的外观。我试图避免这个模型中更多的动漫、卡通和“完美”外观。这是一个肯

hexo 博客搭建以及踩雷总结

搭建时的坑 文章置顶 安装一下这个依赖 npm install hexo-generator-topindex --save然后再文章的上面设置 top: number&#xff0c;数字越大&#xff0c;权重越大&#xff0c;也就是越靠顶部 hexo 每次推送 nginx 都访问不到 宝塔自带的 nginx 的 config 里默认的角色是 …

python33-Python列表和元组之子序列

与前面介绍的字符串操作类似的是&#xff0c;列表和元组同样也可使用索引获取中间一段&#xff0c;这种用法被称为slice(分片或切片)。slice的完整语法格式如下: [start:end:step] 上面语法中start、end两个索引值都可使用正数或负数&#xff0c;其中负数表示从倒数开始。该语…

leetcode-4的幂

342. 4的幂 使用数学方法 如果一个数是4的幂次方&#xff0c;那么它一定可以表示为2的幂次方乘以4的幂次方。而2的幂次方在二进制表示中只有一个1&#xff0c;所以只需要判断n是否可以被4整除&#xff0c;并且n/4是否也是4的幂次方即可。 class Solution:def isPowerOfFour(…

easyx 随机火花生成器 视觉盛宴

作品介绍&#xff1a; 在数字化艺术的世界里&#xff0c;我们经常寻求模拟自然现象的方式&#xff0c;为观众带来沉浸式的体验。本作品“随机火花生成器”就是一个尝试&#xff0c;通过编程模拟了火花的随机生成和消散过程。 在这段代码中&#xff0c;我们使用了EasyX图形库&…

前端JavaScript篇之如何获得对象非原型链上的属性?

目录 如何获得对象非原型链上的属性&#xff1f; 如何获得对象非原型链上的属性&#xff1f; 要获取对象上非原型链上的属性&#xff0c;可以使用 hasOwnProperty() 方法。这个方法是 JavaScript 内置的对象方法&#xff0c;用于检查一个对象是否包含指定名称的属性&#xff0…

Python 3 中的 super()

Python super Python 的 super() 函数允许我们显式地引用父类。在继承的情况下&#xff0c;当我们想要调用父类函数时&#xff0c;它非常有用。 Python super 函数示例 首先&#xff0c;让我们看一下我们在 Python 继承教程中使用的以下代码。在该示例代码中&#xff0c;父类…

【论文阅读笔记】InstantID : Zero-shot Identity-Preserving Generation in Seconds

InstantID:秒级零样本身份保持生成 理解摘要Introduction贡献 Related WorkText-to-image Diffusion ModelsSubject-driven Image GenerationID Preserving Image Generation Method实验定性实验消融实验与先前方法的对比富有创意的更多任务新视角合成身份插值多身份区域控制合…

Linux操作系统基础(六):Linux常见命令(一)

文章目录 Linux常见命令 一、命令结构 二、ls命令 三、cd命令 四、mkdir命令 五、touch命令 六、rm命令 七、cp命令 八、mv命令 九、cat命令 十、more命令 Linux常见命令 一、命令结构 command [-options] [parameter]说明: command : 命令名, 相应功能的英文单词…