ホームページ  >  記事  >  バックエンド開発  >  #daysofMiva チャレンジの日。

#daysofMiva チャレンジの日。

WBOY
WBOYオリジナル
2024-08-21 09:05:48927ブラウズ

100 日チャレンジ 1 日目

日付: 2024 年 8 月 21 日

目的: JavaScript の変数、論理演算、データ型を学習して理解するには、JavaScript を使用して数学的問題を解決し、イベント リスナーと条件ステートメントについて学び始めます。

1. JavaScript 変数の概要

今日、私は変数について学ぶことから JavaScript への旅を始めました。 JavaScript の変数は、数値、テキスト、またはその他のタイプの値であるデータを保持するコンテナのようなものです。 let、const、var キーワードを使用して変数を宣言する方法を学びました。

  • let を使用すると、後で変更できる変数を作成できます。
  • const は再割り当てできない変数を作成します。
  • var は変数を宣言する古い方法ですが、今でも使用されています。

Day f the #daysofMiva Challenge.

2. 論理演算とデータ型を理解する

次に、JavaScript で意思決定を行うために使用される論理演算について調べました。基本的な論理演算子について学びました:

次のようなさまざまなデータ型についても学びました。

Day f the #daysofMiva Challenge.

3. JavaScript を使用して数学的問題を解く

変数とデータ型に関する知識を応用して、簡単な数学の問題を解決しました。問題は、幅と高さを指定して長方形の面積を計算することでした。

Day f the #daysofMiva Challenge.

4. イベントリスナーの概要

次に、イベント リスナーについて学び始めました。イベント リスナーは、ユーザーがボタンをクリックするなど、特定のイベントが発生するのを待ってから、何らかのアクションをトリガーする関数です。

簡単に言うと:
イベント リスナーを使用すると、ボタンのクリック、テキスト ボックスへの入力、要素の上にマウスを置くなど、Web ページ上のユーザー アクションに JavaScript が応答できるようになります。

Day f the #daysofMiva Challenge.

クリックしない場合

Day f the #daysofMiva Challenge.

クリックすると、データのロード中が表示されます。その後、「コールバック経由でロードされたデータ」が表示されます

Day f the #daysofMiva Challenge.

これは JavaScript のイベント リスナーの仕事です

5. 条件文を理解する

コード内で意思決定を行うための条件ステートメントについても学びました。条件ステートメントは、条件が true か false かをチェックし、結果に基づいてコードのブロックを実行します。

Day f the #daysofMiva Challenge.

Day f the #daysofMiva Challenge.

6 JavaScript の While ループと For ループについて

while ループ:
JavaScript の while ループは、指定された条件が true である限り、コードのブロックを実行し続けます。私は、誰かが正しい答えが得られるまで質問を繰り返すことを想像して、この概念を理解しようと努めました。

簡単な定義:
while ループは、特定の条件が true である限り実行され続けます。

例:

let number = 1;

while (number <= 5) {
    console.log(number);
    number++;
}

この例では、ループは数値 = 1 で開始され、数値が 5 以下の場合に実行を続けます。数値の値を出力し、毎回 1 ずつ増加します。

For ループ:
for ループは while ループに似ていますが、ループを実行する回数がわかっている場合は、通常、より簡潔で記述が簡単です。

簡単な定義:
for ループは、コードのブロックを特定の回数繰り返します。

例:

for (let i = 1; i <= 5; i++) {
    console.log(i);
}

この for ループでは、i は 1 から始まり、5 に達するまでループごとに 1 ずつ増加します。ループは while ループと同様に 5 回実行されます。

while ループと for ループの違い:

  • while ループ: ループを何回実行する必要があるかわからないが、確認する条件がある場合に最適です。
  • For ループ: ループを実行する回数が正確にわかっている場合に最適です。

シナリオ:
コインを投げていると想像してください。表が出るまで裏返し続ける必要があります。何回フリップするかわからないので、while ループを使用して表が出るまでフリップし続けます。

ここで、コインを正確に 5 回投げたい場合は、結果に関係なく、正確に 5 回コインを投げる必要があることがわかっているため、for ループを使用します。

要約:

  • while ループ: 表が出るまで反転し続けます。
  • For ループ: コインを正確に 5 回投げます。

ループを理解するには多少の努力が必要でしたが、この演習は、コード内でタスクを効率的に繰り返す際にループがどのように役立つかを理解するのに役立ちました。

Day f the #daysofMiva Challenge.

私の経験

私はとてもイライラしてストレスを感じていました。それは本当に私に迫ってきて、PCを壊してしまいそうになったほどでした。それは本当に圧倒的でした!どこで問題が起こったのかを理解するのを手伝ってもらえますか?....?‍♂️?‍♂️?‍♂️?‍♂️、非常に多くのバグに対処しなければならず、デバッグはストレスを増大させるだけでした。しかし、私は休憩して心をリセットし、最終的に問題を理解することにしました。私は、何があっても自分の最高のバージョンになれると自分に言い聞かせ続けました。

でも JavaScript は...????

Day f the #daysofMiva Challenge.

Day f the #daysofMiva Challenge.

結論

1 日目は、変数、論理演算、データ型、条件文について学び、JavaScript の強固な基礎を築くことができ、生産的でした。また、JavaScript がイベント リスナーを通じてユーザー アクションとどのように対話するかを調べ始めました。今後もこの旅を続けて JavaScript についての理解を深めていきたいと思っています。

Day f the #daysofMiva Challenge.

いいね、共有、購読、フォローアップして、さらにこの JavaScript ハンバーガーにどの飲み物を飲むべきかコメントしてください...笑???

以上が#daysofMiva チャレンジの日。の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。