曜日込の日付がうまく表示できない

Question

###前提・実現したいこと
曜日込で日付を表示しようとするとerrorが出る場合とでない場合があります。

<概 要>
JavaScript で特定の日付のオブジェクトを作成し、年月日、および、曜日を表示させようとするとき、曜日込で日付を表示しようとするとerrorが出る場合とでない場合があります。

日付だけの表示の場合は、いつもＯＫ // 1996年5月14日
曜日だけの表示の場合は、いつもＯＫ // 火曜日

日付と曜日こみの表示の場合は、できる場合とできない場合がある // 1996年5月14日火曜日
できないときのエラーメッセージ // d.getDay is not a function

いろいろためしてみて、できている場合と、できていない場合記述の違いは、曜日に関する記述の3行を書く位置のみ

なぜ、位置を変えるとできるのか、いつも、そうすればできるのか、他に、一般的な解決方法はあるのか、どこか記述の誤りがあるのか、などについてご教示いただければありがたいです。

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

d.getDay is not a function

###該当のソースコード(動かないとき）

× 日付と曜日

  <script>

    var d = new Date("1996/05/14");
   
      var y = d.getFullYear();
      var m = d.getMonth()+1;
      var d = d.getDate();

      var n = d.getDay();
      var youbi = ["日曜日","月曜日","火曜日","水曜日","木曜日","金曜日","土曜日"];
      var wd = youbi[ n] ;
    
     document.getElementById('demo').innerHTML = y + "年" + m + "月" + d + "日" + wd;
  
  </script>

###該当のソースコード(動くとき）

○日付と曜日

  <script>

    var d = new Date("1996/05/14");
    var youbi = ["日曜日","月曜日","火曜日","水曜日","木曜日","金曜日","土曜日"];
    var n = d.getDay();
    var wd = youbi[ n] ;

    var y = d.getFullYear();
    var m = d.getMonth()+1;
    var d = d.getDate();


    document.getElementById('demo').innerHTML = y + "年" +  m + "月" + d +  "日" + wd;

</script>

###試したこと
###曜日だけなら動く

  <script>

    var d = new Date("1996/05/14");
    var youbi = ["日曜日","月曜日","火曜日","水曜日","木曜日","金曜日","土曜日"];

    document.getElementById('demo').innerHTML = youbi[d.getDay()];

</script>

###日付だけなら動く

  <script>
    var d = new Date("1996/05/14");
  
      var y = d.getFullYear();
      var m = d.getMonth()+1;
      var d = d.getDate();
    
    document.getElementById('demo').innerHTML = y + "年" + m + "月" + d + "日";
</script>

###補足情報(言語/FW/ツール等のバージョンなど)

また、曜日の表示について、試している最中に、

 youbi[d.getDay()];という書き方に、少し違和感を感じて、 

   var n = d.getDay();
   var youbi = ["日曜日","月曜日","火曜日","水曜日","木曜日","金曜日","土曜日"];
   var wd = youbi[ n] ;

と分けて書きました。これは初歩的な理解の問題があるのだと思いますが、

youbi[d.getDay()；]; ではなく、youbi[d.getDay()];
```でよい理由も合わせてご教示いただくことができればありがたいです。

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

Answer 1

var d = new Date("1996/05/14");
でせっかく作ったdateオブジェクトを

var d = d.getDate();
で上書きしてますよね？そうなるともうdは数値オブジェクトなので

var n = d.getDay();
で参照することはできません。

変数名の上書き競合には気をつけて下さい

Comments

[margutta]

書いたことを、見てくださって、ありがとうございます。

以前にもなんどかほかの言語にもtryしたことがあったのですが、こういう場面で、むずかしいなあと思ったまま、時間がたって、それまで勉強したことをすべて忘れる、ということを繰り返してきたように思います。

他の方にみていただいて、先に進めるありがたさを痛感しています。

お手を煩わせてしまい大変恐縮に存じますが、貴重な手助けをありがとうございました。