JavaScript|pre course 19-日付と時刻

9555 ワード
TIL JavaScript WeCode 上のコード テキストリンク

🙋目標:JavaScriptの基礎を学び、不足を補う.

1.日付と時刻


フロント開発を行う際、日時に関わることが多いそうです.
  • 会員登録の日時
  • 執筆時間
  • 携帯の今の時間など...
    • 日付と時刻を保存して表示するときに日付オブジェクトを使用します.
    何を言っているのか分からないので、コードでもう一度勉強します.
    const time = new Date();
console.log(time);//Sun Mar 21 2021 20:40:42 GMT+0900 (대한민국 표준시)
    ここでGMTはGreenwich Mean Timeの略語であり,コンピュータ言語ではGMTを標準として時間を教える.
    最終GMT+0900とは、GMTを基準にして9時間早いという意味です.
    しかし、私たちは時間のすべてをもたらしたわけではありません.デザイナーは要求通りにサイトを展示する必要があるので、もっと深く学ぶ必要があります.Dateオブジェクトから現在時刻を取得した後、Dateオブジェクトが持つ関数を使用して日付、時刻の値を取得できます.
    let time = new Date();
let year = time.getFullYear();
let month = time.getMonth()+1;
let date = rightNow.getDate();
let day = time.getDay();
let currentHour = time.getHours();
let currentMin = time.getMinutes();
    🚨ここで、getMonth関数は、現在の月より小さい値を返します.パッと見る
    console.log(time.getMonth()); //2
    明らかにDate対象者が持ってきた現在時間は3月で、getMonth出力は2です.これはプログラミングでindexが0から始まるためかもしれません.
    ユーザーに作成したWebサイトを見せるために+1をします.🚀

    2. Assignment


    年齢を求める関数であるgetWesternAge関数を実装しましょう。


  • この関数は  birthday  パラメータは次のとおりです.

  • 歯  birthday  表示  Date  オブジェクト.  birthday  このような因子を加えた場合は、現在を基準に計算した年齢を回復してください.
  • birthday  文字列ではありません  Date  オブジェクトであることを覚えておいてください:)

  • 例えば、今日は2020年7月21日ですが、  birthday  値が次の場合:
    1990-03-21T00:45:06.562Z
    戻り値は30でなければなりません.
    • function getWesternAge(birthday) {
    // 1. 현재날짜
    const date = new Date()
    const getDateYear = date.getFullYear();
    const getDateMonth =  date.getMonth() +1;
    const getDateDay = date.getDate();
    // 2. 생일날짜
    const myBirthday = new Date(birthday);
    const getMyBirdayYear = myBirthday.getFullYear();
    const getMyBirthMonth = myBirthday.getMonth() +1;
    const getMyBirthDate = myBirthday.getDate();
    // 3. 나이계산(현재-생일)
    const americanAge = getDateYear - getMyBirdayYear;
    // 4. 조건문 발동
    if((getMyBirthMonth < getDateMonth) && (getMyBirthDate < getDateDay)) {
        return americanAge;
    }
    else if((getMyBirthMonth >= getDateMonth ) && (getMyBirthDate > getDateDay)) {
        return americanAge -1;
    }
    else {
        return americanAge;
    }
}
    🚨もっと勉強して、setを利用して、因子を伝達する方向に創造します.これによりコード量を減らすことができます.
    jspにおけるinclude静的ファイルの乱符号化解決方法
    nbs-2021.10.06