【JavaScript】来月の土曜日と日曜日の日付（月日）をすべて取得したい

Question

JavaScript でプログラミングの勉強を初めて2週間ほどの初心者です。

職場で、翌月の自分の休日を一気に出力してメールしたい、というシチュエーションを想像していただきたいです！

私は土曜日と日曜日が常に休みなので、例えば以下のような状態を自動算出するボタンを作成するとします。

---

来月の私の休日は以下となります。

◯/◯(土)
◯/◯(日)

◯/◯(土)
◯/◯(日)

◯/◯(土)
◯/◯(日)

◯/◯(土)
◯/◯(日)

---

翌月初日の日付とその曜日を取得して、初日の曜日が平日(getDay()の数値が1〜5)であれば次の土曜日の日付となるようにif文で足し算を行い、取得できた翌月最初の土曜日もしくは日曜日の日付を基準として、のこりの週の土日も力技でひたすらに+7の足し算をする・・・という発想で関数をつくりましたが、この方法だと月の最後らへんで日付が「6/34」など、存在しない数にまで膨れ上がってしまいました。翌々月になる手前でストップさせる方法も思い浮かびません。

そもそも、力技でやりすぎなのか、コードがあまりにも膨大になってしまったので、根本的なアプローチが間違っているのではないかと心配になりました。さすがに非効率だと感じながら作業をしており、解決の糸口が全く見えない状態に陥りました・・・。

翌月の、土曜日と日曜日の日付をすべて取得して出力するためには、みなさんでしたらどのような方法を用いられるでしょうか？

たくさん記述したコードは職場に置いてきてしまったので、申し訳ございませんが割愛させていただきます泣

他力本願な依頼になってしまい申し訳ございませんが、ご回答を心の底からお待ちしておりますm(._.)m

Comments

[y_waiwai]

その膨大となったコードを提示しましょう

[takasima20]

翌月の最終日を用意できたら制御できんじゃね?

[Orlofsky]

実務では休日カレンダーが必要です。頑張ってください。
https://excel-ubara.com/EXCEL/EXCEL910.html

[KentaroxKondo]

＞皆様
情報が不足した未熟な質問にも目を通していただきありがとうございました。
本件は皆様のお助けにより「解決済」となりました！
当たり前ですが、今後は極力コードを提示するよう心がけます^^;
有益なヒントもいただきまして、ありがとうございました！
今後ともぜひよろしくお願いいたしますm(._.)m

Answer 1

最近はこういうのも使えるようですね。
https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/Intl/DateTimeFormat
Intl.DateTimeFormat オブジェクトは、
言語に応じた日付と時刻の書式化を可能にするオブジェクトのためのコンストラクターです。

const options = { weekday: 'short', month: 'numeric', day: 'numeric' };
const formatter = new Intl.DateTimeFormat('ja-JP-u-ca-japanese', options);

let chkday = new Date();
const nextMonth = chkday.getMonth() + 1; // ※ 1月は 0
chkday.setMonth(nextMonth);
for (let day = 1; day <= 31; day++) {
  chkday.setDate(day);
  if (chkday.getMonth() > nextMonth) break;
  document.write(formatter.format(chkday) + "<br />");
}

回答にはなってませんが、これで、

6/1(火)
6/2(水)
6/3(木)
……
6/29(火)
6/30(水)

Comments

[KentaroxKondo]

FromMZ1500様
早急にご回答いただいたのにもかかわらず、返信が遅くなり申し訳ございませんでした。
存在しない日付まで突き抜けないようにする工夫の方法をご教示いただきありがとうございます！
まだまだ初心者で右も左もわからない状況ですが、ネットで優れた知識のある方に教えていただける場があり嬉しいです。
極力自力で頑張りたいですが、また質問させていただく際にはぜひともよろしくお願いいたしますm(._.)m

Answer 2

const d=new Date();
d.setDate(1);
d.setMonth(d.getMonth()+1);
const youbi=d.getDay();
d.setMonth(d.getMonth()+1);
d.setDate(0);
const lastday=d.getDate();
const yasumi=Array(lastday).fill(null).map((x,y)=>[`${d.getMonth()+1}/${(y+1)}(${{0:"日",1:"月",2:"火",3:"水",4:"木",5:"金",6:"土"}[(y+youbi)%7]})`,(y+youbi)%7]).filter(x=>x[1]%6==0).map(x=>x[0]);
console.log(yasumi);

Comments

[KentaroxKondo]

yambejp様
情報が不十分な質問にも早急にご回答いただきまして、ありがとうございました！また、返信が遅くなり申し訳ございません。いただいた式をそのまま活用させていただき、見事に動作することを確認いたしました。

プログラミング初心者で、まったく見かけたことのない式が含まれておりましたが、Arrayやfill、filter、map、その他引数を複数で活用する方法など、頑張って調べてみて、コツを掴みたいと思います。

今後ともぜひご教示いただければ幸いです。よろしくお願いいたします！m(._.)m