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

Eine kurze Diskussion über Yahoos 35 Regeln zur Front-End-Optimierung

Zusammenfassung: Ob bei der Arbeit oder im Vorste...

Tutorial zur Installation von phpMyAdmin unter Linux centos7

yum install httpd php mariadb-server –y Notieren ...

Vergleich von mydumper und mysqldump in MySQL

Wenn Sie nur ein paar Tabellen oder eine einzelne...

Kombinieren von XML- und CSS-Stilen

student.xml <?xml version="1.0" enco...

Beispiel für die Kompilierung von LNMP im Docker-Container

Inhaltsverzeichnis 1. Projektbeschreibung 2. Ngin...

So optimieren Sie den Logikbeurteilungscode in JavaScript

Vorwort Zu den logischen Urteilsaussagen, die wir...

Detaillierte Erläuterung des Befehls zum Bereinigen des MySQL-Datenbank-Binlogs

Überblick Heute werde ich hauptsächlich erklären,...

Detaillierte Erläuterung des MySQL-Clusterindex und des Nicht-Clusterindex

1. Clustered-Index Tabellendaten werden in der Re...

Bestimmen Sie die Richtung der Mauseingabe basierend auf CSS

In einer Front-End-Technologiegruppe sagte ein Gr...

MySQL führt Befehle für externe SQL-Skriptdateien aus

Inhaltsverzeichnis 1. Erstellen Sie eine SQL-Skri...