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

Json-String + Cookie + lokaler Speicher in JS

Inhaltsverzeichnis 1.JSON-Zeichenfolge 1.1Json-Sy...

Der Unterschied zwischen Schlüssel und Index in MySQL

Schauen wir uns zunächst den Code an: ALTER TABLE...

MySQL-Limit-Leistungsanalyse und -Optimierung

1. Fazit Syntax: Limit-Offset, Zeilen Schlussfolg...

So bewerben Sie sich für Webdesign-Jobs

<br />Hallo zusammen! Es ist mir eine Ehre, ...

Empfehlen Sie mehrere MySQL-bezogene Tools

Vorwort: Mit der kontinuierlichen Entwicklung der...

Vue Element-ui-Tabelle realisiert Baumstrukturtabelle

In diesem Artikel wird der spezifische Code der E...

CSS-Code zum Anordnen von Fotos in Moments

Zunächst können Sie Moments öffnen und mehrere La...

MySQL 5.7.20 Win64 Installations- und Konfigurationsmethode

mysql-5.7.20-winx64.zipInstallationspaket ohne In...