javascript入門 12時間表記にし出力する

Question

今、javascript入門書を読んでおり、日付を12時間表記にしてHTMLに表示させたのですが、

var ampm = ''; と、''の中に何もいれないのがはなぜでしょう。
var ampm; だけなのとは何が違うのでしょうか。

<script>
  var now = new Date();
    var year = now.getFullYear();
    var month = now.getMonth();
    var date = now.getDate();
    var hour =now.getHours();
    var min = now.getMinutes();
    var ampm = '';
    if(hour < 12) {
      ampm = 'a.m.';
    } else { ampm = 'p.m.'};
    
    var output = year + '/' + (month + 1) + '/' +date + ' ' + (hour % 12) + ':' + min + ampm;
    
    document.getElementById('time').textContent = output;
  </script>

Comments

[kei344]

質問文のコードはコードブロックで囲んでいただけませんか？ ```（バッククオート3つ）で囲み、前後に改行をいれるか、コードを選択して「<code>」ボタンを押すとコードブロックになります。

[kei344]

質問文でなくコードのみをコードブロックに入れてください。また、回答が付いた質問の編集は慎重に行ってください。質問内容と回答がずれてしまいますので、追加で何かあるなら追記してください。

[x_x]

当初の質問が消されていて、なぜこの回答になるのかわからなくなっています

Answer 1

11 / 12 = 0 あまり 11 になりませんか？

Comments

[fj-kakeru]

あ、、、なりました。ありがとうございます。
よかったら追記した質問もお答えいただけましたら幸いです。

[退会済みユーザー]

追加で質問する前に、ちゃんと質問文は書きましょ。

Answer 2

2つ目の質問について
この処理なら、自分だったら三項演算子を使います。
一行でスッキリするので。

var ampm = hour < 12 ? 'a.m.' : 'p.m.' ;

var ampm = '';と、var ampm;の違いですが、
あとの記述の仕方にも寄りますが、文字列をつなげる処理だと、結果が変わるため、注意が必要です。

var a;
a += 'test';
console.log(a);
//undefinedtest

var b = '';
b += 'test';
console.log(b);
//test

Answer 3

2つ目の質問について、

確かにそこまで大きな違いはありませんが、細かな違いはあります。

var ampm; → ampmの中身はundefined

var ampm = ''; → ampmの中身は(あくまでも)''(空文字)

初期値を指定することで文字列が入ることを強調しているのだと思いますが、必須ではない(var ampm;でもいい)ですね。

私だったらvar ampm = 'p.m.';という感じにしてelse文消しますかね。どういう書き方がいいかは人それぞれだとは思いますが。

Answer 4

あまり電卓！
http://serif.txt-nifty.com/amaricalc.htm