私の React の旅: 2 日目

Patricia Arquette
リリース: 2024-11-25 00:29:11
オリジナル
959 人が閲覧しました

My React Journey: Day 2

旅は続く、私はその一歩一歩を愛しています!今日は、基本的な演算子 (算術、代入、論理、比較) と制御構造 (if/else、スイッチ、ループ) を詳しく掘り下げました。これらの概念は基礎的なものですが、コードでロジックを構築する場合には非常に強力です。私が学んだことを簡単に要約します:

オペレーター
1.算術演算子
これらは数学的演算の構成要素です:

追加
- 引き算
/ 部門
* 掛け算
** べき乗 (累乗を求めるために使用されます。例: 2 ** 3 = 8)
% 係数 (除算の余りを求めます。例: 5 % 2 = 1)

2.代入演算子
変数の値を割り当てまたは更新するために使用されます:

= 値を割り当てます。例: a = 5
=、-=、*=、/=、%= これらは算術演算と代入を組み合わせたものです。例:

let a = 7;
a += 3; // a = a + 3
console.log(a); // Output: 10
ログイン後にコピー

**= 変数を累乗し、その結果を代入します。

3.比較演算子
これらは 2 つの値を比較し、ブール値 (true または false) を返します:

== 等しい: 値を比較しますが、型は比較しません。
!= 等しくない: 値が異なる場合は True。
=== 厳密に等しい: 値と型の両方を比較します。
!== 厳密に等しくない: 値と型の両方が異なることを確認します。
>、<、>=、<= より大きい、より小さい、およびそれらの等しいバリアント。

4.論理演算子
ブール値を結合または操作するために使用されます:

&& (論理 AND): すべての条件が true の場合にのみ true を返します。
|| (論理和): いずれかの条件が true の場合に true を返します。
!(論理否定): ブール値を反転します (!true が false になります)。

制御構造
1. if/else ステートメント
これらは、条件が満たされた場合にのみコードを実行する条件付きブロックです。例:

let age = 18;
if (age >= 18) {
  console.log('You are an adult.');
} else {
  console.log('You are a minor.');
}




</p>
<p><strong>2. Switch ステートメント</strong><br>
複数の if/else ブロックに代わるクリーンな代替手段で、1 つの値を複数のケースに対してチェックするためによく使用されます。例:<br>
</p>

<pre class="brush:php;toolbar:false">let day = 'Monday';
switch (day) {
  case 'Monday':
    console.log('Start of the work week.');
    break;
  case 'Friday':
    console.log('Almost the weekend!');
    break;
  default:
    console.log('It’s just another day.');
}
ログイン後にコピー

3.ループ
ループは、コードのブロックを繰り返し実行するために使用されます:

  • For ループ:
    設定された回数繰り返します。

  • while ループ
    : 条件が false になるまで継続します。

  • Do While ループ
    : 条件を確認する前に少なくとも 1 回実行します。

最終的な考え
今日は知識が詰まっていました!これらの概念は基本的なように思えるかもしれませんが、あらゆるプログラミング言語のバックボーンを形成します。

ゆっくりと着実にレースに勝つ、私は一度に一歩ずつ進んでいます。すでに 3 日目のことが頭から離れず、次の展開が待ちきれません。

この旅に一緒に参加しませんか?一緒に学びましょう!

3 日目もお楽しみに!

以上が私の React の旅: 2 日目の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ソース:dev.to
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート