4 Tricks zum Programmieren mit Javascript


Javascript ist die Browsersprache. In dieser Anleitung zeige ich Ihnen 4 Tricks, die Sie zum Programmieren mit Javascript benötigen.
di Antonio Lamorgese


Mit dem Aufkommen der Webentwicklung sahen sich Entwickler mit einer ganz anderen Umgebung konfrontiert als zuvor. Das heißt, die Ausführungsumgebung der Software, die auf eigenständigen Maschinen ausführbar ist, d. h. nicht vom Servertyp. Wie ich Ihnen bereits sagte, musste man sich mit dem Aufkommen von Webentwicklungstechnologien mit einer zustandslosen Umgebung auseinandersetzen. Der Wechsel von einer Webseite zu einer anderen verursachte den Verlust aller Objekte, die von der vorherigen Webseite verwaltet wurden. Etwas, das mit der nativen ausführbaren Software nicht passiert ist und immer noch nicht passiert. Dank der Javascript-Sprache wurden viele dieser Probleme gelöst und Entwickler können nun auf eine Vielzahl von Javascript-Sprachbibliotheken zurückgreifen, die bei der Webentwicklung eine große Hilfe sind. Die Kenntnis der Aspekte dieser Sprache ist unerlässlich, um zu wissen, wie man programmieren mit javascript.

Die Javascript -Sprache an sich ist keine schwierige oder komplizierte Sprache zu lernen. Tatsächlich ist es eine Sprache im Stil von „C LIKE“ und daher auch für Anfänger sehr verständlich. Die Annäherung an Javascript erfolgt im Allgemeinen ohne größere Probleme. In jedem Fall gibt es, wie bei allen Sprachen, einige Tipps und Tricks, die die Entwicklung erheblich erleichtern und die Verwendung einfacher und unmittelbarer machen. Heute zeige ich Ihnen in diesem Leitfaden 4 Tricks, die Sie über die Javascript -Sprache kennen müssen. Um den in diesem Handbuch beschriebenen Code zu testen, müssen Sie keine Webseiten erstellen. Sie können einfach den Online-Sprachdolmetscher „W3Schools“ nutzen. Wenn Sie jetzt auf diesen einfachen Link klicken, müssen Sie nur noch von Zeit zu Zeit den Code kopieren und einfügen, der später in der Anleitung vorgeschlagen wird. Sobald die Seite zum Online- Javascript – Editor geladen ist, müssen Sie nur noch auf „Try it Yourself“ klicken, um darauf zuzugreifenJavascript- Editor direkt. Als ersten Schritt werden Sie verstehen, wie Sie die Größe eines Arrays in Javascript ändern.

W3Schools: Editor Javascript online
W3Schools: Editor Javascript online

1. So ändern Sie die Größe eines Arrays

Wie Sie wissen, sind Arrays nicht in der Größe veränderbar. Dies gilt nicht nur für Javascript , sondern für alle Programmiersprachen. Tatsächlich ist ein Array eine statische und homogene Datenstruktur. Das bedeutet, dass er während der Ausführung des Codes weder in der Größe verändert noch Objekte anderer Art enthalten kann. Ein Array kann nur Daten desselben Typs enthalten. Beispielsweise kann es nur Zeichenfolgen, Zahlen und andere Objekte enthalten, aber keine Zeichenfolgen und Zahlen oder irgendetwas anderes.

Daher ein Array von 5 Elementen in Javascript wie folgt:

const names = ['Mary', 'John', 'Mark', 'Philip', 'George'];

er kann nicht in der Größe verändert werden, dh er kann nicht gelöscht werden, noch können andere Namen hinzugefügt werden. Allerdings gibt es einen Trick, mit dem es möglich ist, ein solches Array zu kürzen. Tatsächlich ist es möglich, die Größe eines Arrays zu ändern, indem man die Eigenschaft „length“ eines Arrays auf eine kleinere Anzahl von Elementen im Vergleich zu der darin enthaltenen Zahl einstellt. Zum Beispiel mit folgendem Code:

names.length = 2;

names“ array enthält nicht mehr 5 Elemente, sondern 2. Wenn wir also den Inhalt der „names” Array, mit dieser Anweisung: “console.log(names);“, lautet der Inhalt des Arrays „names“ nun: [‚Mary‘, ‚John‘].


Weiterlesen: „Der beste Schreibassistent und Inhaltsgenerator


2. Abrufen nur eines Teils eines Javascript- Objekts

in Javascript ein Objekt mit Eigenschaften erstellen wollten, sollten wir eine Syntax wie die folgende verwenden:

const names = {name: 'Steve', surname: 'Jobs'};

Normalerweise sollten Sie für den Zugriff auf die Eigenschaften „name“ und „surname“ des Objekts „names“ eine Syntax wie die folgende verwenden:

names.name;

manchmal ist es jedoch nur notwendig, auf eine einzelne Eigenschaft eines Objekts zuzugreifen. Wenn wir also eine einfache Variable erstellen wollten, die nur den Inhalt der Eigenschaft „name“ der Eigenschaft „names“ enthält, object würden wir eine Codezeile wie diese schreiben:

const {name} = names;

name“ überprüfen möchten, diese einfache Anweisung eingeben: „document.write(name);“, wodurch der Wert „Steve“ auf dem Bildschirm ausgegeben wird. Diese sehr nützliche Operation wird als „Destructuring Assignment“.

"Destructuring Assignment" in Javascript
„Destructuring Assignment“ in Javascript

3. So entfernen Sie doppelte Werte aus einem Array

Um in Javascript doppelte Werte aus einem Array zu entfernen, können Sie das Objekt „Set“ verwenden. „Set“ Sie Javascript- Objekte, die keine doppelten Werte enthalten dürfen. Um also die Duplikate aus dem Array „names“ zu löschen, können Sie das „Set“ verwenden.Befehl wie folgt:

Beseitigen Sie doppelte Werte in Javascript-Arrays
Beseitigen Sie doppelte Werte in Javascript-Arrays

Wie Sie sehen, können Sie mit einer einfachen Anweisung Duplikate eines beliebigen Arrays löschen, ohne sich in komplizierten Javascript -Array-Bereinigungsroutinen zu verzetteln. Oft die Quelle unzähliger Fehler, die lästig zu finden und zu beheben sind.

4. Wie man Ausdrücke in einem String auswertet

Es ist nicht ungewöhnlich, insbesondere wenn es um die Formatierung von Zeichenfolgen geht, Ausdrücke direkt in ihnen zu bewerten. Ich erkläre es. Wie Sie wissen, sind Zeichenfolgen auch Datentypen, die nicht geändert werden können, außer durch Erstellen einer anderen Zeichenfolge, die das Ergebnis der Verarbeitung der übergeordneten Zeichenfolge ist. Ja, ich weiß. Vielleicht ist es Ihnen nie aufgefallen. Aber die Zeichenfolgen, die Sie bei der Verarbeitung des Codes erhalten, sind alle Zeichenfolgen, die von anderen stammen. Aber die Hauptsaite, also die, die Sie bearbeitet haben, hat sich nie geändert. Jedes Mal, wenn Sie also zur Laufzeit einen String formatieren oder erstellen, der Werte enthält, handelt es sich um Strings, die durch Verketten und Konvertieren dieser Werte in Strings mit anderen Strings erstellt werden, bis sie den endgültigen String bilden, der auf dem Bildschirm gedruckt werden soll. Ich will Ihnen nicht absprechen, dass eine Operation dieser Art sehr langweilig und problematisch ist. Darüber hinaus müssen alle Operationen zur Laufzeit mit einer enormen Verschwendung von CPU- und RAM-Ressourcen durchgeführt werden.

In Javascript ist es möglich, Strings zu formatieren, den Inhalt direkt darin zu verbessern, Zeit zu sparen und saubereren Code ohne zu erhalten. Übrigens fehlerfrei. Sagen wir gleich, dass eine Operation wie diese:

const name = "Steve Jobs";
document.write ("Willkommen "+name);

kann wie folgt in eine einfachere und kompaktere Operation umgewandelt werden:

const name = "Steve Jobs";
document.write(`Willkommen ${name}`);

Beachten Sie, dass die Zeichenfolge in diesem Fall in einfache Anführungszeichen eingeschlossen werden muss ASCII-Code 96. Und nicht der herkömmliche ASCII-Code 39 einfache Anführungszeichen .

Wie Sie sehen, gibt es keine Datenverkettungs- und Casting-Operation. Die Zeichenfolge ist eindeutig und der „name“Variable wird direkt innerhalb der Zeichenfolge bewertet.

Erweitern Sie Ausdrücke in Javascript
Erweitern Sie Ausdrücke in Javascript

Weiterlesen: „WINDOWS 10 auf Raspberry Pi installieren



Netzwerkadministrator und Entwickler. Nach jahrelanger Erfahrung in der Branche habe ich ein MYSQL-Datenverwaltungssystem in PHP entworfen, ohne eine einzige Zeile Code zu schreiben. Erfahren Sie mehr....