当前位置:  开发笔记 > 编程语言 > 正文

如何在JavaScript中克隆Date对象

如何解决《如何在JavaScript中克隆Date对象》经验,为你挑选了5个好方法。

将Date变量分配给另一个变量会将引用复制到SAME值.这意味着改变一个将改变另一个.我怎样才能实际克隆或复制该值?



1> Steve Harris..:

使用Date对象的getTime()方法,该方法返回自1970年1月1日00:00:00(纪元时间)以来的毫秒数:

var date = new Date();
var copiedDate = new Date(date.getTime());

在Safari 4中,您还可以编写:

var date = new Date();
var copiedDate = new Date(date);

...但我不确定这是否适用于其他浏览器.(它似乎在IE8中工作).


编写这个好解决方案的另一种方法是扩展Date原型:`Date.prototype.clone = function(){return new Date(this.getTime()); 然后你可以将其用作`copiedDate = date.clone();`
`new Date(date)`与`new Date(date.getTime())`相同,因为JS在需要数字时会尝试调用`date.valueOf()`,而`date.valueOf()`是相同的作为`date.getTime()`,引用[Date.valueOf](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date/valueOf?redirectlocale=en-US&redirectslug= JavaScript%2FReference%2FGlobal_Objects%2FDate%2FvalueOf)[Object.valueOf](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/valueOf?redirectlocale=en-US&redirectslug= JavaScript的%2FReference%2FGlobal_Objects%2FObject%2FvalueOf)
不要使用`new Date(date)`,使用`new Date(date.getTime()`或`new Date(date.valueOf)`代替,因为第一种方式可能导致至少Firefox和IE中日期之间的差异(未镀铬)例如使用`toISOString()`上Firefox中的两个日期产生` "2015-04-21T04:56:42.000Z".`和` "2015-04-21T04:56:42.337Z"`.
这个片段的JSON?听起来像这些人应该清楚他们的基础......就像把jQuery误认为JavaScript DOM一样.
`copiedDate = new Date(date)`方法适用于IE6 +.在Firefox中,两个选项的速度相同.
新的Date(dateObject)是正确的。请参见[Date(value)构造函数]的说明(http://www.ecma-international.org/ecma-262/6.0/#sec-date-value),其中定义了日期对象的显式规则。在较早的规范中,如果不是字符串,则行为是在参数上调用`ToNumber`,因此这两种方法都应在正确实现该行为的任何浏览器中起作用。
1970年之前的日期呢?

2> AnthonyWJone..:

这是最干净的方法

let dat = new Date() 
let copyOf = new Date(dat.valueOf())

console.log(dat);
console.log(copyOf);


@Steve:是的,但是getTime()可以"看起来"它只返回时间而不包括日期以及因此我对"最干净"的引用.坦率地说,Javascript中的Date类型是一个灾难区域,它首先应该是不可变的.
"Date"对象的"valueOf()"方法产生与其"getTime()"方法(自纪元时间以来的毫秒数)相同的结果.
我同意.valueOf()更清楚.有时我会忘记并使用.getMilliseconds()b/c给我听起来像是指自纪元时间以来的平均毫秒数.

3> 小智..:
var orig = new Date();
var copy = new Date(+orig);


除了你必须解释除了JS专家之外,除了JS +专家以外,还有什么神奇的`+`.
:)`+`符号是unaray运算符.这意味着``new Date(Number(orig))``.更多信息:https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Arithmetic_Operators#Unary_plus
我最喜欢这种解决方案。
非常精确和干净:)

4> 小智..:

简化版:

Date.prototype.clone = function () {
    return new Date(this.getTime());
}


你不要乱用内置物体
你不应该捣乱你不拥有的物品.您应该制作一个新的副本,并将其称为SuperDate或其他东西,与您的范围.很多难以测试的错误都是由对象功能意外改变引起的.

5> 小智..:

我发现这个简单的指令也有效:

dateOriginal = new Date();
cloneDate = new Date(dateOriginal);

但我不知道它是多么"安全".在IE7和Chrome 19中成功测试过.


不要使用`new Date(date)`,使用`new Date(date.getTime()`或`new Date(date.valueOf)`代替,因为第一种方式可能导致至少Firefox和IE中日期之间的差异(未镀铬)例如使用`toISOString()`上Firefox中的两个日期产生` "2015-04-21T04:56:42.000Z".`和` "2015-04-21T04:56:42.337Z"`.
推荐阅读
U友50081205_653
这个屌丝很懒,什么也没留下!
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有