Javascript: new Date()について

Question

前提・実現したいこと

Javascriptの勉強の一環ですので「このプログラムに何の意味があるの？」とかと突っ込まずにご教示していただけると幸いです。
曜日を選択した時に先週と今週の日付をコンソールで表示させたい。
例)
今日が2019/2/11 月曜日の時
セレクトボックスで水曜日と選択したら、
先週の水曜日は2019/2/16
今週の水曜日は2019/2/13
と表示させたい。

発生している問題・エラーメッセージ

今日の日にちの取得、日付に該当する曜日を表示させるところまでは出来ました。
分からないこととしては、曜日を選択した時に、先週と今週のその曜日の日付の取得方法が分からなくて困っています。

該当のソースコード

<select id="date">
<option value="">*チーム選択</option>
<option value="mon">月曜日</option>
<option value="tue">火曜日</option>
<option value="wed">水曜日</option>
<option value="thu">木曜日</option>
<option value="fri">金曜日</option>
<option value="sat">土曜日</option>
<option value="sun">日曜日</option>
</select>
<input type="button" value="go" id="btn_date">

window.addEventListener('DOMContentLoaded', function(){
  document.querySelector('#btn_date').addEventListener('click',function(){
  
  var WeekChars = [ "日曜日", "月曜日", "火曜日", "水曜日", "木曜日", "金曜日", "土曜日" ];
  var dObj = new Date( /* 何らかの日付 */ );
  var wDay = dObj.getDay();
  console.log(dObj+WeekChars[wDay]);
  
  const str = document.getElementById("date").value;
  console.log('今週' + str +'は' + '日です');//今週tueは日です

  });
});

###追記
今日の日付からsetDate(dObj.getDate() +(-) 7);で先週まで遡るのと翌週まで進ませるところまではなんとか出来ました。
適当に選択した曜日から今週の日付と先週の日付を取得する方法をご教示いただきたいです。

###現在のコード

<select id='select'></select>

//セレクトボックス
var week = [ "日曜日", "月曜日", "火曜日", "水曜日", "木曜日", "金曜日", "土曜日" ];

for(var i=0;i<week.length;i++){
let op = document.createElement("option");
op.text = week[i];
document.getElementById("select").appendChild(op);
}

window.addEventListener('DOMContentLoaded', function(){
  document.querySelector('#btn_date').addEventListener('click',function(){

  var dObj = new Date( /* 何らかの日付 */ );
  var wDay = dObj.getDay();
  console.log(week[wDay]);
  
  const str = document.getElementById("select").value;
  //console.log('今週' + str +'は' + '日です');
  console.log(wDay);
  console.log(str.length);
  console.log(wDay === str.length);//optionで選択した配列の要素数を取得したい。
  
  });
});

###実現したいこと
セレクトのoptionで選択した配列の要素数を取得する方法を知りたい。

Comments

[kei344]

質問内容が大幅に変わっています。（最初の命題は解決しています）追加で質問をではなく、新しく質問をしなおせばよいのでは？

[rails_ruby]

失礼しました。そう致します。

Answer 1

  var WeekChars = [ "日曜日", "月曜日", "火曜日", "水曜日", "木曜日", "金曜日", "土曜日" ];

コードを書く前に、アルゴリズムを考えるところから始めて下さい。
一週間の初め/終わりが上記に準ずるなら、

• 一週間前は7日前(-7)
• 一週間後は7日後(+7)
• 月曜日(本日)と水曜日(指定日)の差分は2日後(+2)

という規則性が導き出せるわけですから、

var date = new Date;
date.setDate(date.getDate() + 7 + 2));  // 1週間後の水曜日

+2 は WeekChars を元にindex差分を計算すれば良いでしょう。

Re: rails_ruby さん

Comments

[rails_ruby]

申し訳ございませんでした。私の質問の仕方が悪く誤解を招いてしまい申し訳ございませんでした。
おしゃって頂いていることに関しては、理解しております。
私が本質問で聞きたかったこととしては、index差分の部分に関して伺いたく質問を登校させて頂いたのですが、私の質問の仕方が悪くご迷惑をおかけして申し訳ございませんでした。

Answer 2

その日付データから、７日足す、７日引く、ということをすればいいのです

Comments

[rails_ruby]

今日の日付からsetDate(dObj.getDate() +(-) 7);で先週まで遡るのと翌週まで進ませるところまでは何とか出来ました。
しかし、今日の日付から遡ったり、進めるのではなく適当に選択した曜日から今週の日付と先週の日付を取得させたくその方法が分からないため質問させて頂きました。
もし宜しければ、その方法についてご教示いただくことは出来ないでしょうか？

[y_waiwai]

本日の日付をとってきて、曜日の数値から目的の曜日との差を取れば何日前後かがわかるので、そこから今週の曜日は出せるでしょう

[rails_ruby]

仰って頂いたことを参考にコードを大幅に変えました。
それでなんですが、セレクトで選択した配列の要素の番号を取得する方法についてご教示いただけないでしょうか？