Verwendung In Javascript

| | | | | | | | |

JavaScript ist eine Programmiersprache zum Erstellen dynamischer Inhalte auf Websites.

Nehmen Sie sich einen Moment Zeit, um über die Webfunktionen nachzudenken, die Sie täglich verwenden. Denken Sie daran, wie der neue Inhalt geladen wird, wenn Sie auf Twitter weiterscrollen, oder wie YouTube aktualisiert wird, wenn Sie auf die Schaltfläche Gefällt mir klicken. Das ist JavaScript bei der Arbeit. JavaScript kann verwendet werden, um interaktive Formulare zu erstellen, Bilder zu animieren, ansprechende Elemente zu erstellen und vieles mehr, um Ihren Anforderungen gerecht zu werden.

Beim Erstellen einer Website werden Sie hauptsächlich drei Webtechnologien verwenden. HTML, CSS und JavaScript. Sie verwenden HTML, um die Struktur einer Webseite festzulegen, und CSS, um zu steuern, wie eine Webseite aussieht . JavaScript ist das dritte Element der Webentwicklung, mit dem Sie Ihre Website dynamisch gestalten können.

Und das ist noch nicht alles, was JavaScript leisten kann. Wenn Sie mehr als eine statische Webseite erstellen möchten, empfehlen wir Ihnen, JS zu verwenden. Aber JavaScript kann auch in der Back-End-Webentwicklung oder zum Entwickeln von Spielen oder zum Erstellen mobiler Anwendungen verwendet werden.

In diesem Leitfaden gehen wir auf einige der Vorgänge ein, die Sie vielleicht am häufigsten verwenden Begegnung beim Erlernen von JavaScript. Wir werden die Grundlagen von JavaScript besprechen, einschließlich Unterketten, Testcode mit try ... catch -Blöcken, Verwendung von if-Anweisungen und mehr. Nachdem wir die Grundlagen behandelt haben, werden wir auch einige fortgeschrittenere JavaScript-Funktionen untersuchen.

Wenn JavaScript für Sie neu ist und Sie nach einem einführenden Tutorial suchen, suchen Sie nicht weiter als in diesem Handbuch! Beginnen wir damit, einige der häufigsten Operationen in JavaScript zu untersuchen.

JavaScript filtern und verkleinern

Wenn Sie mit einem Array in JavaScript arbeiten, können Sie Ihre Objekte filtern oder eine Berechnung durchführen auf allen Elementen. ins Innere der Matrix. Hier kommen die Funktionen filter () bzw. reduce () ins Spiel.

Filter () Die Funktion kann verwendet werden, um Werte zu erhalten, die bestimmte Kriterien aus einem Array erfüllen. Hier ist ein Beispiel für eine Filterfunktion, die alle Schüler 1. Klasse zurückgibt:

reduce () method kann verwendet werden, um ein Array auf einen einzelnen Wert zu reduzieren. Wenn wir beispielsweise das Gesamtalter der Schüler in einer Klasse erhalten möchten, könnten wir diesen Code verwenden:

Weitere Informationen zu ihrer Funktionsweise und ihrer Verwendung in Ihrem Code finden Sie in unserer vollständigen Anleitung zu diesen Funktionen.

JavaScript-String enthält

Strings werden bei der Programmierung für die r-Anzeige und mit Text verwendet. Wenn Sie mit einem String arbeiten, können Sie prüfen, ob dieser String einen bestimmten Wert enthält oder nicht. Beispielsweise können Sie überprüfen, ob der Name einer Person Jones enthält oder nicht.

Sie können das integrierte understands () in JavaScript verwenden, um dies zu überprüfen ein String enthält einen Teilstring. Hier ist ein Beispiel für die include ()-Methode, die verwendet wird, um zu prüfen, ob ein String einen Teilstring enthält:

JavaScript Split and Slice

Oft gibt es eine Zeichenfolge, die Sie in eine Teilzeichenfolge oder ein Array aufteilen möchten. Dazu können Sie die JavaScript-Funktionen split () und slice ()

Mit der Funktion split () können Sie einen String in ein Array aufteilen. Wenn Sie beispielsweise den vollständigen Namen eines Benutzers in ein Array von Zeichenfolgen konvertieren möchten, können Sie die verwenden. split () function Hier ist ein Beispiel für split () in Aktion:

slice () gibt alle Zeichen zwischen zwei Indexnummern in einer Zeichenfolge zurück, sodass Sie eine Teilzeichenfolge erstellen können. Hier ist ein Beispiel für ein Slice in Aktion.

JavaScript-Code splice () kann verwendet werden, um ein Element an einer beliebigen Position in einem Array hinzuzufügen oder zu entfernen. Wenn Sie beispielsweise eine Liste mit Mitarbeiternamen haben und den zweiten aus der Liste entfernen möchten, können Sie splice () verwenden.

Hier ist ein Beispiel für splice () wird verwendet, um den Namen Paul, der den Wert von Index 3 hat, aus einem Array zu entfernen:

JavaScript Substring

Die substring ( )-Methode des JavaScript-Codes ermöglicht es Ihnen, Teile einer Zeichenfolge zu extrahieren und dort eine Teilzeichenfolge zu erstellen. Wenn Sie beispielsweise die letzten beiden Zeichen im Namen einer Person erhalten möchten, können Sie den substring () verwenden.

Hier ist ein Beispiel für einen Teilstring, der zum Entfernen des ersten Zeichens verwendet wird zwei Zeichen aus einer Zeichenfolge:

JavaScript Try Catch

Jeder Entwickler macht beim Programmieren Fehler und das sind sehr viele Es ist wichtig sicherzustellen, dass ein auftretender Fehler entsprechend behandelt wird. Try-/Catch-Blöcke werden in JavaScript zur Behandlung von Fehlern verwendet.

Wenn ein Try-/Catch-Block verwendet wird, wird der Code ausgeführt und gibt eine benutzerdefinierte Antwort zurück, wenn ein Fehler im Code gefunden wird. Hier ist ein Beispiel für eine try/capture-Prozedur in Aktion:

JavaScript If Else

Bedingte Anweisungen werden verwendet, wenn Sie möchten, dass Ihr Code ausgeführt wird nur wenn bestimmte Kriterien erfüllt sind. Zum Beispiel möchten Sie vielleicht, dass Ihr Programm den Benutzernamen ausgibt, wenn er in einem gültigen Namen eingegeben wird, und eine Nachricht an den Benutzer im Webbrowser zurückgibt, wenn sein Name ungültig ist.

Der if / else -Anweisung kann verwendet werden, um bestimmten Code auszuführen, wenn eine Anweisung wahr ist, und um einen anderen Codeblock auszuführen, wenn eine Anweisung falsch ist. Hier ist die Syntax einer if / else-Deklaration:

JavaScript-String ersetzen

the JavaScript-Code < the> replace () kann verwendet werden, um bestimmte Zeichen – oder Zeichenfolgen – in einer Textzeichenfolge zu ersetzen. Beispielsweise können Sie replace() verwenden, um die E-Mail-Adresse jedes Vorkommens eines Benutzers in eine Zeichenfolge zu ändern, wenn der Benutzer seine E-Mail-Adresse geändert hat

Hier ist ein Beispiel dafür, wie Sie replace () in JavaScript, um Text zu ersetzen:

JavaScript onclick

Wenn Sie eine Webseite erstellen, möchten Sie vielleicht, dass ein Element etwas tut, wenn ein Benutzer darauf klickt, beispielsweise können Sie einem Benutzer eine Nachricht zukommen lassen, wenn er auf eine Schaltfläche oder ein Bild klickt vergrößern es angeklickt wird Hier kommt die onclick() Funktion ins Spiel .

onclick () ermöglicht es Ihnen, eine interaktive Webseite zu erstellen, sodass etwas passiert, wenn ein Benutzer auf ein Element klickt. Lesen Sie unseren Leitfaden zum onclick ()-Ereignis, um mehr darüber zu erfahren, wie es funktioniert und wie Sie es in Ihrem Code verwenden können.

JavaScript Sort array

Wenn Sie mit einem Array arbeiten, können Sie entscheiden, das Array auf eine spezielle Weise zu sortieren. Sie können beispielsweise eine Liste mit Namen alphabetisch oder eine Liste mit Stimmen in aufsteigender Reihenfolge sortieren.

Die JavaScript-Funktion sort() kann verwendet werden, um ein Array in einer bestimmten Reihenfolge zu organisieren Weg. Hier ist ein Beispiel für die Sortierfunktion (), die verwendet wird, um ein Array von Schülernamen in alphabetischer Reihenfolge zu sortieren:

Die Funktion sort () kann auch verwendet werden, um eine erweiterte Sortierung durchzuführen, wenn Sie eine benutzerdefinierte Funktion im Genre

JavaScript-Operatoren ternär definieren

Ternäre JavaScript-Operatoren sind if ... else, die steuern, ob eine Bedingung erfüllt ist, und einen Codeblock ausführen. Wenn Sie beispielsweise prüfen möchten, ob sie über 18 Jahre alt sind, und das Alter des Benutzers false und true zurückgeben möchten, wenn sie unter 18 Jahre alt sind, können Sie einen ternären Operator verwenden. p>

Ternäre Operatoren werden oft anstelle von einfachen if ... else verwendet, weil sie kompakt sind und in einer Zeile stehen.

Hier ist die Syntax für einen ternären Operator in JavaScript:

JavaScript forEach

Beim Programmieren in JavaScript, Möglicherweise möchten Sie alle Elemente in einer Liste durchlaufen. Beispielsweise haben Sie möglicherweise eine Liste mit Lieferantennamen, die Sie für den Benutzer drucken möchten. Sie können die forEach-Schleife verwenden, um diese Funktion zu erstellen

forEach-Schleife ist eine Form einer Schleife, die eine Funktion einmal für jedes Element eines Arrays ausführt. Hier ist die Syntax für eine forEach-Anweisung, die eine Liste von Unternehmen durchläuft und jedes in einer neuen Zeile ausgibt:

JavaScript-Funktionen

Funktionen, die Teil der meisten Programmiersprachen sind , ermöglichen es Ihnen, Code einmal pro Prozess zu schreiben und diesen Code mehrmals in Ihrem Programm zu verwenden.

Wenn Sie beispielsweise einen Codeblock haben, der prüft, ob ein Formularfeld gültig ist, möchten Sie dies vielleicht tun Machen Sie es zu einer Funktion, damit ich nicht für jedes Feldformular auf einer Webseite einen Codeblock wiederholen muss. <

p> Hier ist ein Beispiel einer JavaScript-Funktion:

Unsere Funktion selbst tut nichts, aber wenn sie aufgerufen wird, gibt die Funktion Google an die Konsole aus. Um unsere Funktion aufzurufen, verwenden wir den folgenden Code:

JavaScript Entweder

Das Schlüsselwort JavaScript let erlaubt die Deklaration eine Blockfeld-Locale-Variable, die neu zugewiesen werden kann. Im Gegensatz zu var-Variablen sind let-Variablen nur innerhalb eines bestimmten Codeblocks zugänglich, können aber als var-Variablen neu zugewiesen werden.

Das Deklarieren einer Variablen mit let funktioniert genauso wie mit var:

Lesen Sie unseren vollständigen Artikel über JavaScript let, um die Unterschiede zwischen var, const und let und wie man sie alle richtig verwendet.

JavaScript-Array drücken

Wenn Sie mit einem Array arbeiten, können Sie diesem Array ein Element hinzufügen. Hier kommt das JavaScript push () ins Spiel. Sie können push () verwenden, um ein Element an das Ende eines Arrays anzuhängen. Hier ist ein Beispiel für die verwendete push()-Methode:

Ausgabe:

Sie können auch unshift () verwenden, um ein Element aus einem Array hinzuzufügen. unshift () funktioniert genauso wie push () und akzeptiert dasselbe Argument.

Fazit

JavaScript ist ein Programmierwerkzeug Sprache zum Erstellen dynamischer Webseiten. In diesem Handbuch haben wir einige der von Anfängern am häufigsten verwendeten JavaScript-Operationen besprochen. Wir haben alles behandelt, von onClick bis zum Ersetzen von Zeichenfolgen und dem Schneiden von Daten, um Ihren Anforderungen gerecht zu werden.

Dieses Handbuch ist jedoch nicht nur für Anfänger gedacht. Während Sie Ihre Reise zum Erlernen von JavaScript fortsetzen, sollten Sie immer wieder zu diesem Handbuch zurückkehren und es verwenden, um Ihnen zu helfen, wenn Sie sich verlaufen. Ich werde es wahrscheinlich hier finden.

Shop

Learn programming in R: courses

$

Best Python online courses for 2022

$

Best laptop for Fortnite

$

Best laptop for Excel

$

Best laptop for Solidworks

$

Best laptop for Roblox

$

Best computer for crypto mining

$

Best laptop for Sims 4

$

Latest questions

NUMPYNUMPY

psycopg2: insert multiple rows with one query

12 answers

NUMPYNUMPY

How to convert Nonetype to int or string?

12 answers

NUMPYNUMPY

How to specify multiple return types using type-hints

12 answers

NUMPYNUMPY

Javascript Error: IPython is not defined in JupyterLab

12 answers

News


Wiki

Python OpenCV | cv2.putText () method

numpy.arctan2 () in Python

Python | os.path.realpath () method

Python OpenCV | cv2.circle () method

Python OpenCV cv2.cvtColor () method

Python - Move item to the end of the list

time.perf_counter () function in Python

Check if one list is a subset of another in Python

Python os.path.join () method