Heim > Web-Frontend > js-Tutorial > Meine Reaktionsreise: Tag 2

Meine Reaktionsreise: Tag 2

Patricia Arquette
Freigeben: 2024-11-25 00:29:11
Original
961 Leute haben es durchsucht

My React Journey: Day 2

Die Reise geht weiter und ich liebe jeden Schritt! Heute habe ich mich mit grundlegenden Operatoren (Arithmetik, Zuweisung, Logik, Vergleich) und Kontrollstrukturen (if/else, Schalter, Schleifen) befasst. Diese Konzepte sind grundlegend und dennoch äußerst wirkungsvoll für die Erstellung von Logik im Code. Hier ist eine kurze Zusammenfassung dessen, was ich gelernt habe:

Operatoren
1. Arithmetische Operatoren
Dies sind die Bausteine ​​für mathematische Operationen:

Ergänzung
- Subtraktion
/ Abteilung
* Multiplikation
** Potenzierung (wird verwendet, um Potenzen zu finden, z. B. 2 ** 3 = 8)
% Modul (findet den Rest einer Division, z. B. 5 % 2 = 1)

2. Zuweisungsoperatoren
Wird verwendet, um Werte in einer Variablen zuzuweisen oder zu aktualisieren:

= Weist einen Wert zu. Beispiel: a = 5
=, -=, *=, /=, %= Diese kombinieren Arithmetik und Zuweisung.Beispiel:

let a = 7;
a += 3; // a = a + 3
console.log(a); // Output: 10
Nach dem Login kopieren

**= Erhebt die Variable auf eine Potenz und weist das Ergebnis zu.

3. Vergleichsoperatoren
Diese vergleichen zwei Werte und geben einen Booleschen Wert (wahr oder falsch) zurück:

== Gleich: Vergleicht Werte, aber keine Typen.
!= Ungleich: Wahr, wenn die Werte unterschiedlich sind.
=== Streng gleich: Vergleicht sowohl Wert als auch Typ.
!== Streng ungleich: Überprüft, ob Wert und Typ unterschiedlich sind.
>, <, >=, <= Größer als, kleiner als und ihre Gleichheitsvarianten.

4. Logische Operatoren
Wird zum Kombinieren oder Bearbeiten boolescher Werte verwendet:

&& (Logisches UND): Gibt nur dann „true“ zurück, wenn alle Bedingungen wahr sind.
|| (Logisches ODER): Gibt „true“ zurück, wenn eine Bedingung wahr ist.
!(Logisches NICHT): Kehrt den booleschen Wert um (!wahr wird zu falsch).

Kontrollstrukturen
1. if/else-Anweisungen
Dabei handelt es sich um bedingte Blöcke, die Code nur dann ausführen, wenn eine Bedingung erfüllt ist. Beispiel:

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




</p>
<p><strong>2. Switch-Anweisungen</strong><br>
Eine sauberere Alternative zu mehreren if/else-Blöcken, die häufig zum Überprüfen eines Werts anhand mehrerer Fälle verwendet wird. Beispiel:<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.');
}
Nach dem Login kopieren

3. Schleifen
Schleifen werden verwendet, um einen Codeblock wiederholt auszuführen:

  • For-Schleife:
    Iteriert eine festgelegte Anzahl von Malen.

  • While-Schleife
    : Wird fortgesetzt, bis eine Bedingung falsch ist.

  • Do-While-Schleife
    : Wird mindestens einmal ausgeführt, bevor die Bedingung überprüft wird.

Abschließende Gedanken
Der heutige Tag war voller Wissen! Diese Konzepte mögen einfach erscheinen, aber sie bilden das Rückgrat jeder Programmiersprache.

Langsam und stetig gewinnt das Rennen, und ich gehe Schritt für Schritt vor. Ich denke bereits an Tag 3 und kann es kaum erwarten, zu sehen, was als nächstes kommt.

Möchten Sie mich auf dieser Reise begleiten? Lasst uns gemeinsam lernen!

Bleiben Sie gespannt auf Tag 3!

Das obige ist der detaillierte Inhalt vonMeine Reaktionsreise: Tag 2. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Quelle:dev.to
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Artikel des Autors
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage