Heim Web-Frontend js-Tutorial Tagesdatentypen, Variablen, Operatoren, bedingte Anweisungen, Schleifen in Javascript

Tagesdatentypen, Variablen, Operatoren, bedingte Anweisungen, Schleifen in Javascript

Jan 22, 2025 am 10:32 AM

Day  Datatypes, Variables,Operators, Conditional Statements,Looping in Javascript

JavaScript-Datentyp:

In JavaScript definieren Datentypen die Wertetypen, die eine Variable enthalten kann. Der Typ bestimmt, welche Operationen für den Wert ausgeführt werden können. JavaScript verfügt sowohl über primitive Datentypen (einfache Werte) als auch über Referenzdatentypen (komplexe Objekte).

1. Ursprünglicher Datentyp:

Dies sind die grundlegendsten Datentypen in JavaScript, sie enthalten einen einzelnen Wert. Sie sind unveränderlich, was bedeutet, dass ihre einmal festgelegten Werte nicht mehr geändert werden können.

a) Nummer:

steht für Ganzzahlen und Gleitkommazahlen.

let x = 42;

b) Zeichenfolge:

steht für eine Reihe von Zeichen.

let name = "Alice";

c) Boolescher Wert:

bedeutet wahr oder falsch.

let isActive = true;

d) Null:

bedeutet, absichtlich keinen Objektwert zu haben.

let person = null;

e) Undefiniert:

Zeigt eine Variable an, die deklariert, aber keinem Wert zugewiesen wurde.

let value;

f) Symbol:

Eine eindeutige Kennung.

const uniqueID = Symbol();

g) BigInt:

wird zur Darstellung großer Ganzzahlen verwendet.

let bigNum = 123n;

2. Referenzdatentyp:

Diese Datentypen sind komplexer und speichern Wertesammlungen oder strukturiertere Daten. Sie sind veränderbar, das heißt, ihr Inhalt kann sich ändern, auch wenn die Referenz gleich bleibt.

a) Objekt:

Eine Sammlung von Schlüssel-Wert-Paaren.

let person = {name: "John"};

b) Array:

Eine sortierte Sammlung von Werten.

let arr = [1, 2, 3];

c) Funktion:

Codeblock, der Aufgaben ausführt.

function greet() {}

JavaScript-Variablen:

In JavaScript sind Variablen benannte Container zum Speichern von Daten, die im gesamten Code referenziert und bearbeitet werden können.

Mit Variablen können Sie Werte wie Zahlen, Zeichenfolgen, Objekte und Funktionen speichern.

1. Variablen deklarieren:

In JavaScript werden Variablen mit einem von drei Schlüsselwörtern deklariert:

var (alte Methode, jetzt weniger verwendet) let (Blockbereich, eingeführt in ES6) const (Blockbereich für Konstanten, auch in ES6 eingeführt)

a) var (alte Methode):

Das Schlüsselwort var wird traditionell zum Deklarieren von Variablen in JavaScript verwendet.

var name = "Alice"; var age = 25;

b) sei (moderne Methode):

Blockbereich bedeutet, dass auf eine Variable nur innerhalb des Blocks zugegriffen werden kann, in dem sie definiert ist (z. B. innerhalb einer if-Anweisung oder Schleife).

let name = "Bob"; let age = 30;

c) const (konstante Variable):

Das Schlüsselwort const wird verwendet, um Variablen zu deklarieren, die nach der ersten Zuweisung nicht neu zugewiesen werden sollen.

const country = "USA";

Variablen neu deklarieren:

Verwenden Sie var: Sie können Variablen innerhalb desselben Bereichs neu deklarieren und JavaScript gibt keinen Fehler aus.

var name = "Alice";
var name = "Bob";  // 没有错误
console.log(name);  // 输出:Bob
Nach dem Login kopieren

Verwenden Sie let und const: Sie können eine Variable innerhalb desselben Bereichs nicht erneut deklarieren. Dies führt zu einem SyntaxError.

let name = "Alice";
let name = "Bob";  // SyntaxError: Identifier 'name' has already been declared
Nach dem Login kopieren
const country = "USA";
const country = "Canada";  // SyntaxError: Identifier 'country' has already been declared
Nach dem Login kopieren

JavaScript-Operatoren:

In JavaScript sind Operatoren Symbole oder Schlüsselwörter, die Operationen an Operanden ausführen.

1. Arithmetische Operatoren:

Diese Operatoren werden verwendet, um mathematische Operationen an numerischen Werten durchzuführen.

<code>+               加法                        5 + 3 → 8
-               减法                        5 - 3 → 2
*               乘法                        5 * 3 → 15
/               除法                        5 / 3 → 1.6667
%               取模(除法的余数)        5 % 3 → 2
**              幂运算(乘方)              2 ** 3 → 8
++              递增(加 1)                let x = 5; x++ → 6
--              递减(减 1)                let x = 5; x-- → 4</code>
Nach dem Login kopieren

2. Zuweisungsoperator:

Diese Operatoren werden verwendet, um Variablen Werte zuzuweisen.

<code>=               简单赋值                     let x = 10;
+=              加法赋值                     x += 5; → x = x + 5;
-=              减法赋值                     x -= 5; → x = x - 5;
*=              乘法赋值                     x *= 5; → x = x * 5;
/=              除法赋值                     x /= 5; → x = x / 5;
%=              取模赋值                     x %= 5; → x = x % 5;
**=             幂赋值                       x **= 2; → x = x ** 2;</code>
Nach dem Login kopieren

3. Vergleichsoperatoren:

Diese Operatoren vergleichen zwei Werte und geben einen booleschen Wert (wahr oder falsch) zurück.

<code>==              等于                          5 == "5" → true
===             全等                          5 === "5" → false
!=              不等于                        5 != "5" → false
!==             不全等                        5 !== "5" → true
>               大于                          5 > 3 → true
>=              大于等于                      5 >= 3 → true
<               小于                          5 < 3 → false
<=              小于等于                      5 <= 3 → false</code>
Nach dem Login kopieren

4. Logische Operatoren:

Diese Operatoren werden verwendet, um logische Operationen auszuführen, normalerweise unter Verwendung boolescher Werte.

<code>&&              逻辑与                        true && false → false
||              逻辑或                        true || false → true
!               逻辑非                        !true → false</code>
Nach dem Login kopieren

JavaScript-Bedingungsanweisung:

In JavaScript werden bedingte Anweisungen verwendet, um verschiedene Aktionen auszuführen, je nachdem, ob eine bestimmte Bedingung wahr oder falsch ist.

1. if-Anweisung

Die if-Anweisung ist die grundlegendste bedingte Anweisung. Wenn die angegebene Bedingung wahr ist, wird der Codeblock ausgeführt.

Grammatik:

if (condition) {
    // 如果条件为真,则执行的代码块
}
Nach dem Login kopieren

2. else-Anweisung

Die

else-Anweisung folgt der if-Anweisung und definiert einen Codeblock, der ausgeführt wird, wenn die Bedingung in der if-Anweisung falsch ist.

Grammatik:

if (condition) {
    // 如果条件为真,则执行的代码块
} else {
    // 如果条件为假,则执行的代码块
}
Nach dem Login kopieren

3. else if-Anweisung

Mit der else if-Anweisung können Sie mehrere Bedingungen testen. Verwenden Sie es, wenn Sie mehrere Bedingungen überprüfen müssen.

Grammatik:

if (condition1) {
    // 如果 condition1 为真,则执行的代码块
} else if (condition2) {
    // 如果 condition2 为真,则执行的代码块
} else {
    // 如果 condition1 和 condition2 都为假,则执行的代码块
}
Nach dem Login kopieren

4. Verschachtelte if-Anweisungen

Sie können if-Anweisungen in andere if-Anweisungen verschachteln, um komplexere Bedingungen zu erstellen.

5. switch-Anweisung

Die switch-Anweisung ist eine effizientere Möglichkeit, einen Wert mit mehreren Bedingungen zu testen, insbesondere wenn Sie viele verschiedene mögliche Ergebnisse haben.

Grammatik:

switch (expression) {
    case value1:
        // 如果 expression === value1,则运行的代码
        break;
    case value2:
        // 如果 expression === value2,则运行的代码
        break;
    default:
        // 如果没有 case 匹配,则运行的代码
}
Nach dem Login kopieren

JavaScript-Schleife:

In JavaScript wird eine Schleife verwendet, um einen Codeblock wiederholt auszuführen, solange eine bestimmte Bedingung erfüllt ist. Dies ist nützlich, wenn Sie sich wiederholende Aufgaben ausführen möchten, z. B. das Durchlaufen eines Arrays oder das mehrmalige Ausführen eines Codeblocks.

1. for-Schleife

Die for-Schleife ist die häufigste Schleife in JavaScript. Dies wird normalerweise verwendet, wenn Sie wissen, wie oft Sie einen Codeblock iterieren möchten.

Grammatik:

for (initialization; condition; increment/decrement) {
    // 每次迭代中要执行的代码
}
Nach dem Login kopieren

2. while-Schleife

Die while-Schleife führt einen Codeblock aus, solange die angegebene Bedingung als wahr ausgewertet wird. Die Bedingung wird vor jeder Iteration überprüft und die Schleife stoppt, sobald die Bedingung falsch wird.

Grammatik:

while (condition) {
    // 只要条件为真就执行的代码
}
Nach dem Login kopieren

Das obige ist der detaillierte Inhalt vonTagesdatentypen, Variablen, Operatoren, bedingte Anweisungen, Schleifen in Javascript. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

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

Heiße KI -Werkzeuge

Undresser.AI Undress

Undresser.AI Undress

KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover

AI Clothes Remover

Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Undress AI Tool

Undress AI Tool

Ausziehbilder kostenlos

Clothoff.io

Clothoff.io

KI-Kleiderentferner

AI Hentai Generator

AI Hentai Generator

Erstellen Sie kostenlos Ai Hentai.

Heißer Artikel

R.E.P.O. Energiekristalle erklärten und was sie tun (gelber Kristall)
2 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌
Repo: Wie man Teamkollegen wiederbelebt
4 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island Abenteuer: Wie man riesige Samen bekommt
3 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌

Heiße Werkzeuge

Notepad++7.3.1

Notepad++7.3.1

Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version

SublimeText3 chinesische Version

Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1

Senden Sie Studio 13.0.1

Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6

Dreamweaver CS6

Visuelle Webentwicklungstools

SublimeText3 Mac-Version

SublimeText3 Mac-Version

Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

Ersetzen Sie Stringzeichen in JavaScript Ersetzen Sie Stringzeichen in JavaScript Mar 11, 2025 am 12:07 AM

Ersetzen Sie Stringzeichen in JavaScript

JQuery überprüfen, ob das Datum gültig ist JQuery überprüfen, ob das Datum gültig ist Mar 01, 2025 am 08:51 AM

JQuery überprüfen, ob das Datum gültig ist

JQuery Get Element Polsterung/Rand JQuery Get Element Polsterung/Rand Mar 01, 2025 am 08:53 AM

JQuery Get Element Polsterung/Rand

10 JQuery Accords Registerkarten 10 JQuery Accords Registerkarten Mar 01, 2025 am 01:34 AM

10 JQuery Accords Registerkarten

10 lohnt 10 lohnt Mar 01, 2025 am 01:29 AM

10 lohnt

HTTP-Debugging mit Knoten und HTTP-Konsole HTTP-Debugging mit Knoten und HTTP-Konsole Mar 01, 2025 am 01:37 AM

HTTP-Debugging mit Knoten und HTTP-Konsole

Benutzerdefinierte Google -Search -API -Setup -Tutorial Benutzerdefinierte Google -Search -API -Setup -Tutorial Mar 04, 2025 am 01:06 AM

Benutzerdefinierte Google -Search -API -Setup -Tutorial

JQuery fügen Sie Scrollbar zu Div hinzu JQuery fügen Sie Scrollbar zu Div hinzu Mar 01, 2025 am 01:30 AM

JQuery fügen Sie Scrollbar zu Div hinzu

See all articles