質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.50%
JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

Q&A

解決済

2回答

10328閲覧

Moment.jsで作成したオブジェクトを値渡しでコピーしたい

退会済みユーザー

退会済みユーザー

総合スコア0

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

0グッド

1クリップ

投稿2016/06/04 09:10

###前提・実現したいこと
Moment.jsの使い方を勉強中です。
aという変数にMomentオブジェクトを作成し、
aをbという変数に値渡しでMomentオブジェクトをコピーしたい。

下記の試したこと(1)(2)を行ってみましたが、
(1)が何故出来ないのか、
(2)はやり方として正しいのか、また他のコピー方法は無いのか
をご教授頂きたいです。

###検証用のソースコード

javascript

1var $ = require('jquery'); 2var moment = require('moment'); 3 4// 元になるaのMomentオブジェクトを作成 5a = moment('2016-06-04T09:00:00+0900'); 6 7console.log('BEFORE:(a)->' + a.format('YYYY-MM-DD HH:mm')); 8// -> BEFORE:(a)->2016-06-04 09:00 9 10※ここでbにaのMomentオブジェクトを値渡しでコピーしたい 11 12// bを15分加算 13b.add(15, 'minutes'); 14 15console.log('AFTER :(a)->' + a.format('YYYY-MM-DD HH:mm')); 16// -> AFTER :(a)->2016-06-04 09:00 17console.log('AFTER :(b)->' + b.format('YYYY-MM-DD HH:mm')); 18// -> AFTER :(b)->2016-06-04 09:15 19// bのみ15分加算される結果が欲しい

###試したこと
(1) jQueryでオブジェクトのコピーが出来る"extend"があると聞いたので試す

javascript

1b = $.extend(true, {}, a);

Momentオブジェクトだから行けると思ったが、aとb共に15分加算されてしまった。
原因が良く分からない?

(2) aをmoment()で作り直してbを作成する

javascript

1b = moment(a);

コピーでは無いと思うが、一応実現したいことは出来た。
しかし、これ以外に方法ってないのか?

###補足情報
jquery: 2.2.4
moment: 2.13.0

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答2

0

ベストアンサー

b = moment(a);は動作が保証された正しいコピー(クローン)の方法です。他には、b = a.clone();という方法もあります。下記のドキュメントを参考にしてください。
http://momentjs.com/docs/#/parsing/moment-clone/

C++のオブジェクトやPHPのarrayと違いJavaScriptのオブジェクトを値渡しの形でコピーする一般的な方法はありません。stackoverflow | Most elegant way to clone a JavaScript objectによれば、$.extendをいくつかの方法が示されていますが、あくまで一般論であり、moment.jsがそれらを保証するわけではありません。moment.jsがサポートする方法で無ければ、うまく動作しない場合があります。

投稿2016/06/04 09:42

raccy

総合スコア21733

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

退会済みユーザー

退会済みユーザー

2016/06/04 09:54

値渡しのコピー方法って一般的な方法無いんですね。 勉強になりました。 有難うございます。
guest

0

【Moment.js | Docs】
http://momentjs.com/docs/#/parsing/moment-clone/

二つやり方が有るようです。

JavaScript

1var a = moment([2012]); 2var b = moment(a); 3a.year(2000); 4b.year(); // 2012

JavaScript

1var a = moment([2012]); 2var b = a.clone(); 3a.year(2000); 4b.year(); // 2012

投稿2016/06/04 09:31

kei344

総合スコア69364

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

退会済みユーザー

退会済みユーザー

2016/06/04 09:41

なるほど。 Moment.jsにcloneってあったんですね。 完全に見逃してました。 有難うございます。
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.50%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問