私の React の旅: 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 サイトの他の関連記事を参照してください。

ホットAIツール

Undresser.AI Undress
リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover
写真から衣服を削除するオンライン AI ツール。

Undress AI Tool
脱衣画像を無料で

Clothoff.io
AI衣類リムーバー

Video Face Swap
完全無料の AI 顔交換ツールを使用して、あらゆるビデオの顔を簡単に交換できます。

人気の記事

ホットツール

メモ帳++7.3.1
使いやすく無料のコードエディター

SublimeText3 中国語版
中国語版、とても使いやすい

ゼンドスタジオ 13.0.1
強力な PHP 統合開発環境

ドリームウィーバー CS6
ビジュアル Web 開発ツール

SublimeText3 Mac版
神レベルのコード編集ソフト(SublimeText3)

ホットトピック











フロントエンドのサーマルペーパーチケット印刷のためのよくある質問とソリューションフロントエンド開発におけるチケット印刷は、一般的な要件です。しかし、多くの開発者が実装しています...

JavaScriptは現代のWeb開発の基礎であり、その主な機能には、イベント駆動型のプログラミング、動的コンテンツ生成、非同期プログラミングが含まれます。 1)イベント駆動型プログラミングにより、Webページはユーザー操作に応じて動的に変更できます。 2)動的コンテンツ生成により、条件に応じてページコンテンツを調整できます。 3)非同期プログラミングにより、ユーザーインターフェイスがブロックされないようにします。 JavaScriptは、Webインタラクション、シングルページアプリケーション、サーバー側の開発で広く使用されており、ユーザーエクスペリエンスとクロスプラットフォーム開発の柔軟性を大幅に改善しています。

スキルや業界のニーズに応じて、PythonおよびJavaScript開発者には絶対的な給与はありません。 1. Pythonは、データサイエンスと機械学習でさらに支払われる場合があります。 2。JavaScriptは、フロントエンドとフルスタックの開発に大きな需要があり、その給与もかなりです。 3。影響要因には、経験、地理的位置、会社の規模、特定のスキルが含まれます。

この記事の視差スクロールと要素のアニメーション効果の実現に関する議論では、Shiseidoの公式ウェブサイト(https://www.shisido.co.co.jp/sb/wonderland/)と同様の達成方法について説明します。

JavaScriptを学ぶことは難しくありませんが、挑戦的です。 1)変数、データ型、関数などの基本概念を理解します。2)非同期プログラミングをマスターし、イベントループを通じて実装します。 3)DOM操作を使用し、非同期リクエストを処理することを約束します。 4)一般的な間違いを避け、デバッグテクニックを使用します。 5)パフォーマンスを最適化し、ベストプラクティスに従ってください。

JavaScriptの最新トレンドには、TypeScriptの台頭、最新のフレームワークとライブラリの人気、WebAssemblyの適用が含まれます。将来の見通しは、より強力なタイプシステム、サーバー側のJavaScriptの開発、人工知能と機械学習の拡大、およびIoTおよびEDGEコンピューティングの可能性をカバーしています。

同じIDを持つ配列要素をJavaScriptの1つのオブジェクトにマージする方法は?データを処理するとき、私たちはしばしば同じIDを持つ必要性に遭遇します...

Zustand非同期操作のデータの更新問題。 Zustand State Management Libraryを使用する場合、非同期操作を不当にするデータ更新の問題に遭遇することがよくあります。 �...
