Heim Web-Frontend Front-End-Fragen und Antworten Javascript verschiedene Methoden

Javascript verschiedene Methoden

May 09, 2023 pm 01:46 PM

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

  1. 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 !");

  1. 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:","张三");

  1. 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);

  1. 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

  1. 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

  1. 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“]# 🎜🎜#

Methoden „shift()“ und „unshift()“
  1. 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.
  1. 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()

Die Methode toUpperCase() wird zum Konvertieren der Zeichenfolge in das Großbuchstabenformat verwendet, während die Methode toLowerCase() zum Konvertieren der Zeichenfolge in verwendet wird Kleinbuchstabenformat.
  1. Syntax:
toUpperCase();

toLowerCase();

Beispiel:

#🎜 🎜#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.

Syntax:
  1. indexOf(searchvalue, start);
searchvalue: Der zu findende Wert, der ein Zeichen oder eine Zeichenfolge sein kann.

start: Optionaler Parameter. Von welchem ​​Index aus die Suche gestartet werden soll.

lastIndexOf(searchvalue, start);

Beispiel:

let str = "Hello World";

let pos1 = str. indexOf("l");

let pos2 = str.lastIndexOf("l");

console.log(pos1); //2

console.log(pos2); 9

concat()-Methode


concat()-Methode wird verwendet, um mehrere Zeichenfolgen zusammenzufügen, um eine neue Zeichenfolge zu generieren.

Syntax:
  1. concat(string1, string2, ..., stringn);
Beispiel:

let str1 = "Hallo";

let str2 = "Welt";

let str3 = str1.concat(" ", str2);

console.log(str3); //"Hallo Welt "

Teil 4: Objektmethode

  1. Methoden „keys()“ und „values()“
#🎜🎜Die Methode „#keys()“ wird verwendet, um alle Schlüssel im Objekt abzurufen, und die Methode „values()“ wird verwendet um alle Werte des Objekts zu erhalten. Beide geben ein Array zurück.

Syntax:

Object.keys(object);

Object.values(object);

Beispiel:

let obj = {name:"Zhang San",age:18,city:"Beijing"};

let keys = Object.keys(obj);
let Values = Object.values(obj);
console.log(keys); //["name","age","city"]
console.log(values); //["张Three",18,"Beijing"]

    toString()-Methode
toString()-Methode wird üblicherweise zum Konvertieren von Objekten in Zeichenfolgen verwendet Wird zum Debuggen und Protokollieren verwendet.

Syntax:

object.toString();

Beispiel:

let obj = {name:"张Three",age:18,city:"Beijing"};

console.log(obj.toString()); //"[object Object]"

    hasOwnProperty ()-Methode
hasOwnProperty()-Methode wird verwendet, um zu überprüfen, ob eine bestimmte Eigenschaft im Objekt vorhanden ist. Gibt true zurück, wenn vorhanden, andernfalls false.

Syntax:

object.hasOwnProperty(property);

property: Der Name der zu prüfenden Eigenschaft.

Beispiel:

let obj = {name:"张三",age:18,city:"Beijing"};

console.log(obj. hasOwnProperty("name")); //true
console.log(obj.hasOwnProperty("gender")); //false

Teil 5: Datumsmethode

# 🎜🎜#

Date()-Methode
  1. 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

  1. 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.
Syntax:

getDate();

getMonth();

getFullYear();

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!

Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Heiße KI -Werkzeuge

Undresser.AI Undress

Undresser.AI Undress

KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover

AI Clothes Remover

Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Undress AI Tool

Undress AI Tool

Ausziehbilder kostenlos

Clothoff.io

Clothoff.io

KI-Kleiderentferner

Video Face Swap

Video Face Swap

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

Heiße Werkzeuge

Notepad++7.3.1

Notepad++7.3.1

Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version

SublimeText3 chinesische Version

Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1

Senden Sie Studio 13.0.1

Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6

Dreamweaver CS6

Visuelle Webentwicklungstools

SublimeText3 Mac-Version

SublimeText3 Mac-Version

Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

Reacts Rolle bei HTML: Verbesserung der Benutzererfahrung Reacts Rolle bei HTML: Verbesserung der Benutzererfahrung Apr 09, 2025 am 12:11 AM

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.

Was sind die Einschränkungen des Reaktivitätssystems von Vue 2 in Bezug auf Array- und Objektänderungen? Was sind die Einschränkungen des Reaktivitätssystems von Vue 2 in Bezug auf Array- und Objektänderungen? Mar 25, 2025 pm 02:07 PM

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.

Reagieren Sie Komponenten: Erstellen wiederverwendbarer Elemente in HTML Reagieren Sie Komponenten: Erstellen wiederverwendbarer Elemente in HTML Apr 08, 2025 pm 05:53 PM

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.

Reagieren und das Frontend: Bauen Sie interaktive Erlebnisse auf Reagieren und das Frontend: Bauen Sie interaktive Erlebnisse auf Apr 11, 2025 am 12:02 AM

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

Was sind die Vorteile der Verwendung von TypeScript mit React? Was sind die Vorteile der Verwendung von TypeScript mit React? Mar 27, 2025 pm 05:43 PM

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.

Wie können Sie den Usereducer für komplexes Staatsmanagement verwenden? Wie können Sie den Usereducer für komplexes Staatsmanagement verwenden? Mar 26, 2025 pm 06:29 PM

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.

Was sind funktionale Komponenten in Vue.js? Wann sind sie nützlich? Was sind funktionale Komponenten in Vue.js? Wann sind sie nützlich? Mar 25, 2025 pm 01:54 PM

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

Reagieren gegen Backend Frameworks: Ein Vergleich Reagieren gegen Backend Frameworks: Ein Vergleich Apr 13, 2025 am 12:06 AM

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.

See all articles