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

Javascript verschiedene Methoden

王林
Freigeben: 2023-05-09 13:46:38
Original
655 Leute haben es durchsucht

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!

Quelle:php.cn
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage