JavaScriptで直近一週間の月と日付を取得したい。

JavaScriptで下図のように直近一週間の月と日付を取得したいのですが下記のコードで取得しようとするとなぜか(7) ["9月29日", "10月31日", "11月1日", "11月2日", "11月3日", "11月4日", "11月5日"]のように10月31日の一日前が9月29日になってしまいます。

正確に直近一週間一週間の月と日付を取得するにはどのように改善したらいいのでしょうか。
詳しい方教えていただけると幸いです。

javascript
1var date = new Date();
2var before = new Date();
3var week = [];
4for (var i = 0; i < 7; i++) {
5   before.setDate(date.getDate() - i);
6   week.unshift(before.getMonth() + 1 + '月' + before.getDate() + '日');
7}

行動規範の内容に同意します

回答2件

ベストアンサー

Date.setDateに負の値を設定すると、前の月の最終日の１日前となるようです。
Date.prototype.setDate() - JavaScript | MDN
そのため、10/30の前の月の一日前、つまり9/29が選択されます。

改善方法として、思いついたのが二種類あるので、どちらも提示しますね。
一つ目、単純に１ずつ引く方法です。この場合、当日が反映されなくなるので、日付を配列に入れてから１日戻るという風に実行順序を入れ替えます。

js
1var before = new Date(); //date関数が不要になる。
2var week = [];
3for (var i = 0; i < 7; i++) {
4   week.unshift((before.getMonth() + 1) + '月' + before.getDate() + '日');
5   before.setDate(before.getDate() - 1); //１日もどす
6}

2つ目、当日から引く方法です。この場合は、ループの際に毎回インスタンスしますので、パフォーマンス面で若干下がるかもしれません。（javascriptのnewにおけるパフォーマンスを詳しく知らないので、実行差がどれほどあるのかはお伝えできません。すみません。）

js
1var date = new Date();
2var week = [];
3for (var i = 0; i < 7; i++) {
4   var before = new Date(); // 宣言場所の変更。毎回当日をインスタンスする
5   before.setDate(date.getDate() - i);
6   week.unshift(before.getMonth() + 1 + '月' + before.getDate() + '日');
7}

…この場合もdate変数はbeforeに置き換えれますね

投稿2020/11/05 13:25

yuuyu

総合スコア1139

下記にすると正しい日付になります。

js
1var date = new Date();
2var week = [];
3for (var i = 0; i < 7; i++) {
4   var before = new Date();
5   before.setDate(date.getDate() - i);
6   week.unshift(before.getMonth() + 1 + '月' + before.getDate() + '日');
7}