Detaillierte Erklärung der grundlegenden Syntax und Datentypen von JavaScript

Detaillierte Erklärung der grundlegenden Syntax und Datentypen von JavaScript

JavaScript importieren

1. Internes Etikett

<Skript>
	Alarm("Hallo Welt");
</Skript>

2. Externe Einführung

<script src="js/abc.js"></script>

Grundlegende Syntax

Definieren von Variablen

<Skript>
    varnum = 1;
    Alarm(Nummer);
</Skript>

Zustandskontrolle

wenn (2>1)
{
    Alarm("wahr");
}
<Skript>
    Var-Score = 65;
    // Alarm(Nummer);
    wenn (Punktzahl>60&&Punktzahl<70)
    {
        Alarm("60-70")
    }
    sonst wenn (Punktzahl>70&&Punktzahl<80)
    {
        Alarm (70-80)
    }
    anders
    {
        Alarm("andere")
    }
</Skript>

console.log("hello world"); Ausgabe in der Browserkonsole

Datentypen

Nummer

js unterscheidet nicht zwischen ganzen Zahlen und Dezimalzahlen

123 //Ganzzahl 123
123.1 //Gleitkommazahl 123.1
1.122e3 //Wissenschaftliche Notation NaN //keine Zahl
Unendlichkeit //Unendlichkeit

Zeichenfolge

'a' "abc"

Normalerweise werden einfache oder doppelte Anführungszeichen verwendet, um die Zeichenfolge zu umschließen. Beachten Sie das Escape-Symbol \

\'
\n //Zeilenumbruch\t //Leerzeichen\u4e2d //Unicode-Kodierung\x41 //ASCII

Um einen mehrzeiligen String zu schreiben, verwenden Sie Backticks

var str = `haha
        Abonnieren
        666`

Vorlagenzeichenfolge

lass name='xay';
let words = `Hallo, ${name}`;

Zeichenfolgenlänge

Wortlänge

Die Eigenschaften von Strings sind unveränderlich

Bitte fügen Sie eine Beschreibung des Bildes hinzu

Fallkonvertierung

Wort.toUpperCase()
Wort.toLowerCase()

substring() ist eine Funktion zum Abfangen von Zeichenfolgen

substring(1) // extrahieren vom ersten String bis zum letzten substring(1,3) //[1,3)

Boolescher Wert

wahr falsch

Logische Operationen

&& //und| //oder! //nicht

Vergleichsoperatoren

=
== // Verschiedene Typen, gleicher Wert ist wahr === // Absolut gleich, Typ und Wert müssen gleich sein

NaN===NaN gibt false zurück und kann nur durch isNaN(NaN) beurteilt werden.

Arrays

<Skript>
    var arr = [1,2,3,4,5,'hallo']
</Skript>

Bitte fügen Sie eine Beschreibung des Bildes hinzu

Wenn ein Array-Index die Grenzen überschreitet, wird undefined ausgegeben.

Nachdem Sie arr.length einen Wert zugewiesen haben, ändert sich auch die Länge des Arrays. Wenn der zugewiesene Wert zu klein ist, gehen die Elemente im Array verloren.

indexOf kann den Index eines Elements abrufen

Bitte fügen Sie eine Beschreibung des Bildes hinzu

slice() kann einen Teil des Arrays abfangen, was einem Teilstring im String entspricht

Bitte fügen Sie eine Beschreibung des Bildes hinzu

push() pop() pushen bzw. poppen Elemente an das Ende

Bitte fügen Sie eine Beschreibung des Bildes hinzu

unshift() shift() verschieben bzw. verschieben Elemente an den Anfang

Bitte fügen Sie eine Beschreibung des Bildes hinzu

sort() sortiert nach ASCII

reverse()

concat() verkettet Arrays

join() verkettet Arrays unter Verwendung des angegebenen Symbols

Bitte fügen Sie eine Beschreibung des Bildes hinzu

Objekt

In js stellt {…} ein Objekt dar. Das Schlüssel-Wert-Paar beschreibt das Attribut xxxxx:xxxxx. Mehrere Attribute werden durch Kommas getrennt, und das letzte Attribut hat kein Komma.

var Person = {
    Name: 'xay',
    Alter: 18,
    Stichworte: ['js','java','python']
}

Objektzuordnung

Bitte fügen Sie eine Beschreibung des Bildes hinzu

Dynamisches Löschen des Attributs delete person.name

Bitte fügen Sie eine Beschreibung des Bildes hinzu

Um Objekteigenschaften hinzuzufügen, weisen Sie einfach Werte direkt zu

Bitte fügen Sie eine Beschreibung des Bildes hinzu

Bestimmen Sie, ob das Attribut im Objekt vorhanden ist

Bitte fügen Sie eine Beschreibung des Bildes hinzu

Prozesskontrolle

Wenn das Urteil

wenn (2>1)
{
    Alarm("wahr");
}
<Skript>
    Var-Score = 65;
    // Alarm(Nummer);
    wenn (Punktzahl>60&&Punktzahl<70)
    {
        Alarm("60-70")
    }
    sonst wenn (Punktzahl>70&&Punktzahl<80)
    {
        Alarm (70-80)
    }
    anders
    {
        Alarm("andere")
    }
</Skript>

While-Schleife

Alter=0;
während (Alter<100)
{
    Alter+=1;
    console.log(Alter);
}

for-Schleife

für (sei i = 0; i < 5; i++) {
    konsole.log(i);
}

for-Schleife iteriert über ein Array

var arr = [1,2,3,4,5,6,7,8,9,10];
für (var num in arr)
{
    console.log(Nummer)
}

Karte und Set

Karte

var map = neue Map([['tom',100],['jack',90],['haha',80]]);
var name=map.get('tom'); //Wert über Schlüssel abrufen
console.log(Name)

Ähnlich wie das Wörterbuch in Python fügt set() Daten zur Map hinzu

Karte.set('admin',10);
map.delete('tom') //Löschung in der Karte 

Bitte fügen Sie eine Beschreibung des Bildes hinzu

Satz

Set kann Duplikate entfernen

var set = neues Set([3,1,1,1,1]);

Bitte fügen Sie eine Beschreibung des Bildes hinzu

set.add(2) //Hinzufügen set.delete(1) //Löschen console.log(set.has(3)); //Gibt es 3?

Iterator

Über eine Karte iterieren

var map = neue Map([['tom',100],['jack',90],['haha',80]]);
für (sei x der Karte)
{
    console.log(x);
}

Über einen Satz iterieren

var set = neues Set([3,1,1,1,1]);
für (sei x der Menge)
{
    console.log(x);
}

Zusammenfassen

Dieser Artikel endet hier. Ich hoffe, er kann Ihnen helfen. Ich hoffe auch, dass Sie mehr Inhalten auf 123WORDPRESS.COM mehr Aufmerksamkeit schenken können!

Das könnte Sie auch interessieren:
  • Einführung in die grundlegende Syntax und Datentypen von JavaScript
  • JavaScript-Lernnotizen_Kurzer Vortrag über grundlegende Syntax, Typen, Variablen
  • Grundlegende JavaScript-Syntax, JS-Ausdruck
  • Hinweise zum Erlernen der grundlegenden Javascript-Grammatik
  • Lernen wir die Grundlagen der JavaScript-Syntax

<<:  Problemanalyse der Verwendung einer Idee zum Erstellen eines Springboot-Initialisiererservers

>>:  Hinweise zum MySQL-Datenbank-Sicherungsprozess

Artikel empfehlen

So führen Sie ein Projekt mit Docker aus

1. Geben Sie das Verzeichnis ein, in dem Ihr Proj...

Drei Prinzipien effizienten Navigationsdesigns, die Webdesigner kennen müssen

Das Entwerfen der Navigation für eine Website ist...

Spezifische Verwendung von useRef in React

Ich glaube, dass Leute, die Erfahrung mit React h...

Lösung für die geringe Schreibeffizienz von unter AIX gemountetem NFS

Von NFS bereitgestellte Dienste Mounten: Aktivier...

Implementierungsmethode für die bidirektionale Bindung von Vue-Daten

Inhaltsverzeichnis 1. Einleitung 2. Code-Implemen...

Tutorial zur MySQL-Installation unter Linux (Binärdistribution)

Dieses Tutorial beschreibt Ihnen die detaillierte...

JavaScript zum Erzielen eines Bodeneffekts

In diesem Artikel wird der spezifische JavaScript...

Manuelle Implementierung der Instanceof-Methode in JavaScript

1. Verwendung von instanceof Mit instanceof wird ...

So installieren und verwenden Sie Ubuntu Docker

Inhaltsverzeichnis 1. Automatische Installation m...

Tutorial zur MySQL-Installation in der Linux-CentOS7-Umgebung

Detaillierte Einführung in die Schritte zur Insta...

Lösung für das Problem, dass MySql immer das mySqlInstallerConsole-Fenster öffnet

MySql öffnet regelmäßig ein MySQLInstallerConsole...