Javascript verschiedene Methoden
JavaScript ist eine weit verbreitete Programmiersprache, die in vielen Bereichen wie Webentwicklung, Spieleentwicklung, Entwicklung mobiler Anwendungen usw. eingesetzt werden kann. Methoden sind ein sehr wichtiger Teil der JavaScript-Entwicklung. In diesem Artikel werden verschiedene Methoden in JavaScript vorgestellt und die Anwendung dieser Methoden anhand von Beispielen demonstriert.
Teil 1: Grundlegende Methode
- alert()-Methode
alert()-Methode wird im Browser verwendet Auf der Seite wird ein Dialogfeld angezeigt, das normalerweise dazu dient, dem Benutzer Informationen oder Warnungen anzuzeigen.
Grammatik:
alert("message");
Beispiel:
alert("Willkommen auf meiner Website !");
- prompt()-Methode
prompt()-Methode wird verwendet, um ein Dialogfeld zu öffnen, in dem der Benutzer zur Eingabe aufgefordert wird Information. Es gibt den vom Benutzer eingegebenen Wert (vom Typ String) zurück.
Syntax:
prompt("message","default value");
Beispiel:
Name angeben = prompt("Bitte geben Sie Ihren Namen ein:","张三");
- console.log() method
console Die Die Methode log() ist die am häufigsten verwendete Methode beim Debuggen von Code und wird zur Ausgabe von Informationen an die Konsole verwendet. Es kann Datentypen wie Zeichenfolgen, Variablen, Objekte und Arrays ausgeben.
Syntax:
console.log("message");
Beispiel:
let num = 10;
console.log("Die Zahl ist " + num);
- parseInt()-Methode
parseInt()-Methode ist verwendet Konvertiert einen String in einen Integer-Typ. Wenn die Konvertierung nicht möglich ist, wird NaN zurückgegeben.
Syntax:
parseInt(string, radix);
string: String, der in eine Ganzzahl konvertiert werden soll.
radix: Konvertierungsbasis, optional. Der Standardwert ist 10, wenn nicht festgelegt.
Beispiel:
let str = "123";
let num = parseInt(str);
console.log(num); // 123
- parseFloat()-Methode
parseFloat()-Methode wird verwendet, um einen String in einen Gleitkommatyp zu konvertieren. Wenn die Konvertierung nicht möglich ist, wird NaN zurückgegeben.
Syntax:
parseFloat(string);
string: String, der in eine Gleitkommazahl umgewandelt werden soll.
Beispiel:
let str = "3.14";
let num = parseFloat(str);
console.log(num); // 3.14
Teil 2: Array-Methode
- push()- und pop()-Methode
push()-Methode Sie wird verwendet, um ein Element am Ende des Arrays hinzuzufügen, während die Methode pop() verwendet wird, um das Element am Ende des Arrays zu entfernen.
Grammatik:
push(newelement);
pop();
Beispiel:
# 🎜🎜#let Fruits = ["Apple","Banana","Orange"];fruits.push("Grape");
console.log(fruits); //["Apple" ,„Banane“, „Orange“, „Traube“]
fruits.pop();
console.log(fruits); //[„Apfel“, „Banane“, „Orange“]# 🎜🎜#
- Die Methode „shift()“ wird verwendet, um Elemente am Anfang des Arrays zu löschen, während die Die Methode unshift() wird verwendet. Fügt ein Element am Anfang des Arrays hinzu.
Syntax:
shift();
unshift(newelement);
Beispiel:
# 🎜🎜#let Fruits = ["Apple","Banana","Orange"];fruits.unshift("Grape");
console.log(fruits); //["Grape" ,„Apfel“, „Banane“, „Orange“]fruits.shift();
console.log(fruits); //[“Apfel“, „Banane“, „Orange“]# 🎜🎜#
slice()-Methode
- slice()-Methode wird verwendet, um einen Abschnitt von Elementen aus einem Array abzufangen. Beachten Sie, dass das ursprüngliche Array nicht geändert wird, sondern ein neues Array zurückgegeben wird.
- Syntax:
slice(start, end);
start: Startposition, einschließlich dieser Position.
end: Endposition, diese Position ausgenommen.
Wenn end weggelassen wird, wird es von der Startposition bis zum Ende des Arrays abgefangen.
Beispiel:
let Fruits = ["Apfel", "Banane", "Orange", "Traube"];
let Newfruits = Fruits.slice( 1,3);console.log(newfruits); //["Banana","Orange"]
Teil 3: String-Methode
# 🎜 🎜#Methoden toUpperCase() und toLowerCase()
- Syntax:
#🎜 🎜#let str = "Hello World";
let newstr1 = str.toUpperCase();let newstr2 = str.toLowerCase();
console.log(newstr1); //" HALLO WORLD"console.log(newstr2); //"Hallo Welt"
indexOf() und lastIndexOf() Methoden
#🎜 Die Methode 🎜#indexOf() wird verwendet, um die Position eines bestimmten Zeichens oder einer bestimmten Zeichenfolge in einer Zeichenfolge abzurufen. Wenn nicht gefunden, wird -1 zurückgegeben. Die Methode lastIndexOf() ähnelt der Methode indexOf(), beginnt jedoch mit der Suche am Ende der Zeichenfolge.
- indexOf(searchvalue, start);
let pos1 = str. indexOf("l");
let pos2 = str.lastIndexOf("l");console.log(pos1); //2
console.log(pos2); 9concat()-Methode
concat()-Methode wird verwendet, um mehrere Zeichenfolgen zusammenzufügen, um eine neue Zeichenfolge zu generieren.
- concat(string1, string2, ..., stringn);
let str2 = "Welt";
let str3 = str1.concat(" ", str2);console.log(str3); //"Hallo Welt "
Teil 4: Objektmethode
- Methoden „keys()“ und „values()“
let keys = Object.keys(obj);
let Values = Object.values(obj);
console.log(keys); //["name","age","city"]
console.log(values); //["张Three",18,"Beijing"]
- toString()-Methode
console.log(obj.toString()); //"[object Object]"
- hasOwnProperty ()-Methode
console.log(obj. hasOwnProperty("name")); //true
console.log(obj.hasOwnProperty("gender")); //false
# 🎜🎜#
Date()-Methode- Date()-Methode wird verwendet, um Datum und Uhrzeit abzurufen oder festzulegen. Wenn keine Parameter übergeben werden, werden das aktuelle Datum und die aktuelle Uhrzeit zurückgegeben.
Syntax:
new Date();
Beispiel:
let date = new Date();# 🎜🎜#console.log(date); //Mittwoch 04.08.2021 15:41:10 GMT+0800 (China Standard Time)
getDate(), getMonth() und getFullYear ()-Methode
- getDate()-Methode wird verwendet, um das aktuelle Datum (den Tag jedes Monats) abzurufen, und die getMonth()-Methode wird verwendet, um den aktuellen Monat abzurufen (0 bedeutet). 11. Januar bedeutet Dezember) und die Methode getFullYear() wird verwendet, um das aktuelle Jahr abzurufen.
Beispiel: let date = new Date();
let day = date.getDate();
let Month = date.getMonth() + 1;let Jahr = date.getFullYear();
console.log(Jahr + „-“ + Monat + „-“ + Tag); //“2021-8-4“
# 🎜🎜#Zusammenfassung:
In diesem Artikel werden die grundlegenden Methoden, Array-Methoden, String-Methoden, Objektmethoden und Datumsmethoden vorgestellt, die häufig in JavaScript verwendet werden, und ich hoffe, dass er den Lesern hilfreich sein kann. helfen. Natürlich gibt es in JavaScript weit mehr Methoden als diese. Wenn Sie mehr lernen möchten, empfiehlt es sich, weitere Dokumente oder Nachschlagewerke zu konsultieren und diese zu üben.
Das obige ist der detaillierte Inhalt vonJavascript verschiedene Methoden. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Heiße KI -Werkzeuge

Undresser.AI Undress
KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover
Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Undress AI Tool
Ausziehbilder kostenlos

Clothoff.io
KI-Kleiderentferner

Video Face Swap
Tauschen Sie Gesichter in jedem Video mühelos mit unserem völlig kostenlosen KI-Gesichtstausch-Tool aus!

Heißer Artikel

Heiße Werkzeuge

Notepad++7.3.1
Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version
Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1
Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6
Visuelle Webentwicklungstools

SublimeText3 Mac-Version
Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

Heiße Themen

React kombiniert JSX und HTML, um die Benutzererfahrung zu verbessern. 1) JSX bettet HTML ein, um die Entwicklung intuitiver zu gestalten. 2) Der virtuelle DOM -Mechanismus optimiert die Leistung und reduziert den DOM -Betrieb. 3) Komponentenbasierte Verwaltungs-Benutzeroberfläche zur Verbesserung der Wartbarkeit. 4) Staatsmanagement und Ereignisverarbeitung verbessern die Interaktivität.

Das Reaktivitätssystem von VUE 2 kämpft mit der Einstellung der Direktarray -Index, der Längenänderung und der Addition/Löschung der Objekteigenschaften. Entwickler können die Mutationsmethoden von VUE und VUE.SET () verwenden, um die Reaktivität sicherzustellen.

React -Komponenten können durch Funktionen oder Klassen definiert werden, wobei die UI -Logik eingefasst und Eingabedaten durch Props akzeptiert werden. 1) Komponenten definieren: Verwenden Sie Funktionen oder Klassen, um Reaktierungselemente zurückzugeben. 2) Rendering -Komponente: React -Aufrufe rendern Methode oder führt die Funktionskomponente aus. 3) Multiplexing -Komponenten: Daten durch Requisiten übergeben, um eine komplexe Benutzeroberfläche zu erstellen. Mit dem Lebenszyklusansatz von Komponenten kann die Logik in verschiedenen Phasen ausgeführt werden, wodurch die Entwicklungseffizienz und die Wartbarkeit des Codes verbessert werden.

React ist das bevorzugte Werkzeug zum Aufbau interaktiver Front-End-Erlebnisse. 1) React vereinfacht die UI -Entwicklung durch Komponentierungen und virtuelles DOM. 2) Komponenten werden in Funktionskomponenten und Klassenkomponenten unterteilt. Funktionskomponenten sind einfacher und Klassenkomponenten bieten mehr Lebenszyklusmethoden. 3) Das Arbeitsprinzip von React beruht auf virtuellen DOM- und Versöhnungsalgorithmus, um die Leistung zu verbessern. 4) State Management verwendet Usestate oder diese. 5) Die grundlegende Verwendung umfasst das Erstellen von Komponenten und das Verwalten von Status, und die erweiterte Verwendung umfasst benutzerdefinierte Haken und Leistungsoptimierung. 6) Zu den häufigen Fehlern gehören unsachgemäße Statusaktualisierungen und Leistungsprobleme, Debugging -Fähigkeiten umfassen die Verwendung von ReactDevtools und exzellent

TypeScript verbessert die Reaktionsentwicklung, indem sie die Sicherheit Typ, Verbesserung der Codequalität und eine bessere Unterstützung für eine IDE bietet, wodurch Fehler verringert und die Wartbarkeit verbessert werden.

In dem Artikel wird der Usereducer für komplexes Zustandsmanagement in React erläutert, wobei die Vorteile gegenüber Usestate detailliert beschrieben werden und wie sie in die Nutzung für Nebenwirkungen integriert werden können.

Funktionelle Komponenten in vue.js sind zustandslos, leicht und fehlen Lebenszyklushaken, die ideal für die Rendern von reinen Daten und zur Optimierung der Leistung. Sie unterscheiden

React ist ein Front-End-Framework zum Erstellen von Benutzeroberflächen. Ein Back-End-Framework wird verwendet, um serverseitige Anwendungen zu erstellen. React bietet komponentierte und effiziente UI -Updates, und das Backend -Framework bietet eine vollständige Backend -Service -Lösung. Bei der Auswahl eines Technologie -Stacks sollten Projektanforderungen, Teamfähigkeiten und Skalierbarkeit berücksichtigt werden.
