JSON 日付の値を一括変換処理し現在日時と比較したい

Question

いつもお世話になっております。
JSONの値が世界標準時間なので日本時間に変換後、現在日時と比較処理したいと思っています。
日本時間への変換には成功はしたのですが、同じように処理したい値が複数あります。
まとめてひとつのソースで処理にしたいのですが、どのようにすれば良いでしょうか。
また、それぞれ現在日時と比較したいのでそれぞれキーを保持したいです。

json

[
{
"date1":"2005-09-26T15:00:00.000Z",
"date2":"2005-09-26T15:00:00.000Z",
"date3":"2018-08-19T15:00:00.000Z"
},
{
"date1":"2005-10-26T15:00:00.000Z",
"date2":"2005-10-26T15:00:00.000Z",
"date3":"2018-12-19T15:00:00.000Z"
}
]

js

var arr = new Date(date1);
var year = arr.getFullYear();
var month = arr.getMonth() + 1;
var day = arr.getDate();
var h = arr.getHours();
var i = arr.getMinutes();
var s =arr.getSeconds();	
var date1_data = year + '年' + month + '月' + day + '日 + h + ‘:’+ i + ‘:’+ s;

上記処理をdate2、date3も全く同じようにしたいです。

よろしくお願いいたします。

Comments

[madoka9393]

JavaではなくJavaScriptの質問ですかね？

[chibiyuko_0124]

すみません！JavaScriptを選択したはずが間違っておりました。直しました。

Answer 1

どのようにすれば良いでしょうか。

関数にしましょう。
質問文にあった日時から日本語日時のロジックを流用して関数化してみました。

var toJPN = function (iso) {
  var arr = new Date(iso);
  var year = arr.getFullYear();
  var month = arr.getMonth() + 1;
  var day = arr.getDate();
  var h = arr.getHours();
  var i = arr.getMinutes();
  var s =arr.getSeconds();    
  return year + '年' + month + '月' + day + '日 + h + ‘:’+ i + ‘:’+ s;
}

現在日時と比較したい

これも必要なタイミングで比較出来るよう、関数化しておきましょう。

var isFuture = function (iso) {
  return (new Date()) < (new Date(iso));
}

それぞれ現在日時と比較したいのでそれぞれキーを保持したいです。

関数があれば何時でも日本語時刻には変換出来ます。
ですので、本当に使う瞬間までは元の値と関数の２つを保持するようにしてください。
そうすればわざわざ「キー」等という新しいデータを作る必要はなくなります。

ソースコードは小説で、変数は登場人物です。
貴方は１文節の度に登場人物が増える小説を読みたいですか？
それと同じで、ソースコードは変数が多すぎると登場人物過多の小説と同じで読みづらくなります。
無理して変数を作らないようにする必要はありませんが、必要最小限の変数だけ用意することだけ心がけましょう。

JSONの値が世界標準時間なので日本時間に変換後、現在日時と比較処理したいと思っています。

ここの考え方ですが、なぜ貴方は日本時刻に変換しなければならないのでしょうか？
突き詰めれば、「非エンジニアが出力結果の文字列を見た時に読みづらいと感じるから」になるでしょう。

実際デベロッパーツール等で開いて見た時に日本語の時刻文字列だと嬉しいのは分かりますが、
ISOの時刻はそのまんまnew Date(time)として投げ込んで上手いこと解釈される優秀なフォーマットなんです。
私の経験則でこのフォーマットを出来るだけ維持しておくと何かと都合が良いです。

画面に出力するタイミングで先程の関数toJPNと一緒に使うようにしましょう。

// 使用例
$('.hogehoge').text(toJPN(date1));

Answer 2

function isNew(rawDate) {
	var now = new Date();
	var date = new Date(rawDate);
	return now > date;
}
console.log(isNew('2019-01-01'));
console.log(isNew('2018-11-15T12:00:00.000z'));
console.log(isNew('2018-11-14T12:00:00.000z'));

false
false
true

Answer 3

全ての値に対して日付変換をかけるところまで。

var json = [
{
"date1":"2005-09-26T15:00:00.000Z",
"date2":"2005-09-26T15:00:00.000Z",
"date3":"2018-08-19T15:00:00.000Z"
},
{
"date1":"2005-10-26T15:00:00.000Z",
"date2":"2005-10-26T15:00:00.000Z",
"date3":"2018-12-19T15:00:00.000Z"
}
];

json.forEach(function(element){
    for(key in element){
      check(key,element[key]);
    }
});

function check(dateKey,date){
    var arr = new Date(date);
    var year = arr.getFullYear();
    var month = arr.getMonth() + 1;
    var day = arr.getDate();
    var h = arr.getHours();
    var i = arr.getMinutes();
    var s =arr.getSeconds();    
    var date1_data = year + '年' + month + '月' + day + '日 + h + ‘:’+ i + ‘:’+ s';
　　//日付比較用の処理にdateKeyとdate1_dataを渡すなりなんなり
}