【javascript】まだよくわかってないClassを使って日付操作【勉強】

前回の記事で日付の続きでもあります。

日付処理は有用なライブラリがありますが、経験値積むためなのでお許しを。

目的

Dateを継承して以下のようなメソッドチェーンにしたかった。

const time = new Time(1999,7,7,16,30,30,500);
const f = 'YYYY/MM/DD H:mm:ss.fff(DDD)';

console.log( time.term(1990, 2, 3) );	// -297621030500
console.log( time.getWeekday() );		// Sat
console.log( time.getWeekday('ja') );	// 土
console.log( time.format(f) );						// 1999/08/07 16:30:30.500(Sat)
console.log( time.advance(1).format(f) );			// 2000/08/07 16:30:30.500(Mon)
console.log( time.advanceDays(-3,5).format(f) );	// 2000/08/04 21:30:30.500(Fri)
console.log( time.reset().format(f) );				// 1999/08/07 16:30:30.500(Sat)

コード

• 追記1：time.term()のミリ秒以外で出力するメソッドを追加。
• 追記2：time.reset()関連の修正。引数nowを追加。
• 追記3：time.termDays()系の結果を四捨五入から切り上げに変更。**time.splitTerm()**を追加

class Time extends Date {
	constructor(...args) {
		super(...args);
		this.default = super.toISOString();
	}
	reset(now) {
		const d = now===true ? new Date() : new Date(this.default);
		super.setFullYear(d.getFullYear());
		super.setMonth(d.getMonth());
		super.setDate(d.getDate());
		super.setHours(d.getHours());
		super.setMinutes(d.getMinutes());
		super.setSeconds(d.getSeconds());
		super.setMilliseconds(d.getMilliseconds());
		return this
	}
	advance() {
		if (arguments[0]) super.setFullYear(super.getFullYear() + arguments[0]);
		if (arguments[1]) super.setMonth(super.getMonth() + arguments[1]);
		if (arguments[2]) super.setDate(super.getDate() + arguments[2]);
		if (arguments[3]) super.setHours(super.getHours() + arguments[3]);
		if (arguments[4]) super.setMinutes(super.getMinutes() + arguments[4]);
		if (arguments[5]) super.setSeconds(super.getSeconds() + arguments[5]);
		if (arguments[6]) super.setMilliseconds(super.getMilliseconds() + arguments[6]);
		return this
	}
	advanceDays() {
		if (arguments[0]) super.setDate(super.getDate() + arguments[0]);
		if (arguments[1]) super.setHours(super.getHours() + arguments[1]);
		if (arguments[2]) super.setMinutes(super.getMinutes() + arguments[2]);
		if (arguments[3]) super.setSeconds(super.getSeconds() + arguments[3]);
		if (arguments[4]) super.setMilliseconds(super.getMilliseconds() + arguments[4]);
		return this
	}
	term() {
		return new Date(...arguments) - this;
	}
	termSeconds() {
		return Math.ceil((new Date(...arguments) - this) / 1000);
	}
	termMinuts() {
		return Math.ceil((new Date(...arguments) - this) / 60000);
	}
	termHours() {
		return Math.ceil((new Date(...arguments) - this) / 3600000);
	}
	termDays() {
		return Math.ceil((new Date(...arguments) - this) / 86400000);
	}
	splitTerm() {
		const term = new Date(...arguments) - this;
		const res = term < 0 ? [-term, '-'] : [term, '+'];
		
		for (const div of [86400000, 3600000, 60000, 1000]) {
			res.push( Math.floor(res[0]/div) );
			res[0] %= div;
		}
		res.push( res.shift() );
		return res
	}
	getWeekday(langStr) {
		const n = super.getDay();
		switch (langStr){
			case 'ja': return '日月火水木金土'.charAt(n);
			default: return ['Sun','Mon','Tue','Wed','Thu','Fri','Sat'][n];
		}
	}
	format(formatStr) {
		const weekdays = ['Sun','Mon','Tue','Wed','Thu','Fri','Sat'];
		const pad = (num, dig) => ('000' + num).slice(-dig);
		return formatStr.replace(/([YMDHhmsf])\1*/g, match => {
			switch (match) {
				case 'YYYY':return super.getFullYear();
				case 'YY':	return pad(super.getFullYear(), 2);
				case 'M':	return super.getMonth()+1;
				case 'MM':	return pad(super.getMonth()+1, 2);
				case 'D':	return super.getDate();
				case 'DD':	return pad(super.getDate(), 2);
				case 'H':	return super.getHours();
				case 'HH':	return pad(super.getHours(), 2);
				case 'm':	return super.getMinutes();
				case 'mm':	return pad(super.getMinutes(), 2);
				case 's':	return super.getSeconds();
				case 'ss':	return pad(super.getSeconds(), 2);
				case 'fff':	return pad(super.getMilliseconds(), 3);
				case 'DDD':	return weekdays[super.getDay()];
				default: return match;
			}
		})
	}
}

メソッド解説

reset

	time.reset( boolean now )
引数	true or other
返値	date date
説明	後述のadvance/advanceDayの処理で変化した日付をインスタンス生成時のものに戻す。引数をtrueにした場合のみ、このメソッドを実行した時間に上書きする。

advance

	time.advance( number [y,[m,[d,[h,[mm,[s,[ms]]]]]]]] )
引数	number 第一引数を年、月,日,時,分,秒,ミリ秒と続く
返値	date date
説明	time.advance(0,1,1)で一月一日分加算され、time.advance(-1)で1年戻る

advanceDays

	time.advanceDays( number [d,[mm,[s,[ms]]]] )
引数	number 第一引数を日、時,分,秒,ミリ秒と続く
返値	date date
説明	advance()の年月を省いたもの

term

	time.term()
引数	new Date()に指定する引数と同じもの
返値	number milliseconds
説明	インスタンス生成した日付と、ここで指定した日付の差が何ミリ秒かを出力

termSeconds...

	time.termSeconds() / time.termMinutes() / time.termHours() / time.termDays()
引数	new Date()に指定する引数と同じもの
返値	number seconds/minutes/hours/days
説明	各単位の対応版

splitTerm

	time.splitTerm()
引数	new Date()に指定する引数と同じもの
返値	Array [string '+'｜'-'、number days, number hr, mi, sc, ms]
説明	ミリ秒を日数を最大にした各単位で分割して配列に出力。['+', 7, 1, 0, 3, 555]で7日と1時間3秒555ミリ秒 後。**+は基準より後、-**は基準より前。

getWeekday

	time.getWeekday( string lang )
引数	string 言語指定
返値	string weekday
説明	**'ja'**を指定すれば日本の曜日、それ以外は英語の曜日

format

	time.format( string format )
引数	string 出力形式
返値	string date
説明	詳細は前回の記事。'YYYY/MM/DD'と指定すれば2000/08/04のように返す。

私感

superの使い方これでいいのかとか、他のメソッドでも使いたいweekdaysのような曜日の配列をconstructorに置いても良いのか（外から書き換えられそう）とか、他にも多分色々おかしいところがあるかもしれない。