JS-Tutorial

JS-HAUS JS-Einführung JS Wohin JS-Ausgabe JS-Anweisungen JS-Syntax JS-Kommentare JS-Variablen JS Let JS Konst JS-Operatoren JS-Arithmetik JS-Aufgabe JS-Datentypen JS-Funktionen JS-Objekte JS-Ereignisse JS-Strings JS-String-Methoden Suche nach JS-Strings JS-String-Vorlagen JS-Nummern JS-Zahlenmethoden JS-Arrays JS-Array-Methoden JS-Array-Sortierung JS-Array-Iteration JS-Array-Konstante JS-Daten JS-Datumsformate JS Date Get-Methoden JS-Datumssatzmethoden JS Math JS Zufällig JS Boolesche Werte JS-Vergleiche JS-Bedingungen JS-Schalter JS-Schleife für JS-Schleife für In JS-Schleife für Of JS-Schleife While JS Pause JS-Iterables JS-Sets JS-Karten JS Typeof JS-Typkonvertierung JS Bitweise JS RegExp JS-Fehler JS-Bereich JS Heben Strenger JS-Modus JS dieses Schlüsselwort JS-Pfeilfunktion JS-Klassen JS JSON JS-Debugging JS-Styleguide JS Best Practices JS-Fehler JS-Leistung JS Reservierte Wörter

JS-Versionen

JS-Versionen JS 2009 (ES5) JS 2015 (ES6) JS 2016 JS 2017 JS 2018 JS IE / Edge JS-Geschichte

JS-Objekte

Objektdefinitionen Objekteigenschaften Objektmethoden Objektanzeige Objektzugriffsmethoden Objektkonstruktoren Objekt-Prototypen Objekt-Iterables Objektsätze Objektkarten Objektreferenz

JS-Funktionen

Funktionsdefinitionen Funktionsparameter Funktionsaufruf Funktionsaufruf Funktion anwenden Funktionsschließungen

JS-Klassen

Klasse Einführung Klassenvererbung Klasse statisch

JS asynchron

JS-Rückrufe JS asynchron JS verspricht JS Async/Warten

JS-HTML-DOM

DOM-Einführung DOM-Methoden DOM-Dokument DOM-Elemente DOM-HTML DOM-Formulare DOM-CSS DOM-Animationen DOM-Ereignisse DOM-Ereignis-Listener DOM-Navigation DOM-Knoten DOM-Sammlungen DOM-Knotenlisten

Stückliste des JS-Browsers

JS-Fenster JS-Bildschirm JS-Standort JS-Geschichte JS-Navigator JS-Popup-Warnung JS-Timing JS-Cookies

JS-Web-APIs

Web-API-Einführung Web Forms-API Webprotokoll-API Webspeicher-API Web Worker-API Web-Fetch-API Web-Geolocation-API

JS AJAX

AJAX-Einführung AJAX-XMLHttp AJAX-Anfrage AJAX-Antwort AJAX-XML-Datei AJAX-PHP AJAX ASP AJAX-Datenbank AJAX-Anwendungen AJAX-Beispiele

JS JSON

JSON-Einführung JSON-Syntax JSON vs. XML JSON-Datentypen JSON-Parsing JSON-Stringify JSON-Objekte JSON-Arrays JSON-Server JSON-PHP JSON-HTML JSON JSONP

JS vs. jQuery

jQuery-Selektoren jQuery-HTML jQuery-CSS jQuery-DOM

JS-Grafik

JS-Grafik JS-Leinwand JS Plotly JS Chart.js JS Google-Diagramm JS D3.js

JS-Beispiele

JS-Beispiele JS-HTML-DOM JS-HTML-Eingabe JS-HTML-Objekte JS-HTML-Ereignisse JS-Browser JS-Editor JS-Übungen JS-Quiz JS-Zertifikat

JS-Referenzen

JavaScript-Objekte HTML-DOM-Objekte


JavaScript -Vergleich und logische Operatoren


Vergleichs- und logische Operatoren werden verwendet, um auf trueoder zu testen false.


Vergleichsoperatoren

Vergleichsoperatoren werden in logischen Anweisungen verwendet, um die Gleichheit oder den Unterschied zwischen Variablen oder Werten festzustellen.

Angesichts x = 5dessen erklärt die folgende Tabelle die Vergleichsoperatoren:

Operator Description Comparing Returns Try it
== equal to x == 8 false
x == 5 true
x == "5" true
=== equal value and equal type x === 5 true
x === "5" false
!= not equal x != 8 true
!== not equal value or not equal type x !== 5 false
x !== "5" true
x !== 8 true
> greater than x > 8 false
< less than x < 8 true
>= greater than or equal to x >= 8 false
<= less than or equal to x <= 8 true


Wie kann es verwendet werden

Vergleichsoperatoren können in bedingten Anweisungen verwendet werden, um Werte zu vergleichen und je nach Ergebnis Maßnahmen zu ergreifen:

if (age < 18) text = "Too young to buy alcohol";

Im nächsten Kapitel dieses Tutorials erfahren Sie mehr über die Verwendung von Bedingungsanweisungen.


Logische Operatoren

Logische Operatoren werden verwendet, um die Logik zwischen Variablen oder Werten zu bestimmen.

Angesichts dessen x = 6und y = 3erklärt die folgende Tabelle die logischen Operatoren:

Operator Description Example Try it
&& and (x < 10 && y > 1) is true
|| or (x == 5 || y == 5) is false
! not !(x == y) is true

Bedingter (ternärer) Operator

JavaScript enthält auch einen Bedingungsoperator, der einer Variablen basierend auf einer bestimmten Bedingung einen Wert zuweist.

Syntax

variablename = (condition) ? value1:value2 

Beispiel

let voteable = (age < 18) ? "Too young":"Old enough";

Wenn die Variable Alter einen Wert unter 18 hat, ist der Wert der Variable Votable „Too young“, andernfalls ist der Wert von Votable „Alt genug“.


Vergleich verschiedener Typen

Der Vergleich von Daten verschiedener Typen kann zu unerwarteten Ergebnissen führen.

Beim Vergleich einer Zeichenfolge mit einer Zahl konvertiert JavaScript die Zeichenfolge beim Vergleich in eine Zahl. Ein leerer String wird in 0 konvertiert. Ein nicht numerischer String wird in NaNwhich is always konvertiert false.

Case Value Try
2 < 12 true
2 < "12" true
2 < "John" false
2 > "John" false
2 == "John" false
"2" < "12" false
"2" > "12" true
"2" == "12" false

Beim Vergleich zweier Strings ist „2“ größer als „12“, weil (alphabetisch) 1 kleiner als 2 ist.

Um ein korrektes Ergebnis sicherzustellen, sollten Variablen vor dem Vergleich in den richtigen Typ konvertiert werden:

age = Number(age);
if (isNaN(age)) {
  voteable = "Input is not a number";
} else {
  voteable = (age < 18) ? "Too young" : "Old enough";
}

Testen Sie sich mit Übungen

Übung:

Wählen Sie den richtigen Vergleichsoperator, um zu warnen true, wenn xgrößer als ist y.

x = 10;
y = 5;
alert(x  y);