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

Verschiedene Methoden in Javascript

PHPz
Freigeben: 2023-05-09 15:02:07
Original
547 Leute haben es durchsucht

JavaScript ist eine Programmiersprache, mit der Webseiten dynamische Effekte und Interaktivität hinzugefügt werden. Es verfügt über viele nützliche Methoden zum Bearbeiten von Elementen in Webseiten, zum Arbeiten mit Zeichenfolgen und Werten, zum Erstellen von Zeitintervallen und Animationseffekten und mehr. In diesem Artikel besprechen wir einige wichtige Methoden in JavaScript sowie deren Verwendung und Beispiele.

1. String-Methode

  1. .length
    Diese Methode kann die Länge einer beliebigen Zeichenfolge zurückgeben.

Beispiel:
let string = "Hello World";
console.log(string.length); // Das Ausgabeergebnis ist: 11

  1. .charAt()
    Diese Methode kann das Zeichen am angegebenen Index zurückgeben .

Beispiel:
let string = "Hello World";
console.log(string.charAt(3)); // Das Ausgabeergebnis ist: 'l'

  1. .concat()
    Diese Methode kann eins konvertieren oder Mehrere Zeichenfolgen verketten und eine neue Zeichenfolge zurückgeben.

Beispiel:
let string1 = "Hello";
let string2 = "World";
console.log(string1.concat(" ", string2)); // Das Ausgabeergebnis ist: "Hello World"

  1. .indexOf()
    Diese Methode gibt die Position der ersten Übereinstimmung in der Zeichenfolge zurück oder -1, wenn keine Übereinstimmung gefunden wird.

Beispiel:
let string = "Hello World";
console.log(string.indexOf("o")); // Das Ausgabeergebnis ist: 4

  1. .replace()
    Diese Methode kann das ersetzen Zeichenfolgentext in .

Beispiel:
let string = "Hello World";
console.log(string.replace("World", "JavaScript") // Das Ausgabeergebnis ist: "Hello JavaScript"

  1. .slice( )
    Diese Methode kann den angegebenen Teil der Zeichenfolge zurückgeben.

Beispiel:
let string = „Hello World“;
console.log(string.slice(1, 5)); // Das Ausgabeergebnis ist: „ello“

2. Array-Methode

  1. .length
    Diese Methode gibt die Länge des Arrays zurück.

Beispiel:
let array = [1, 2, 3, 4, 5];
console.log(array.length); // Das Ausgabeergebnis ist: 5

  1. .push()
    Diese Methode kann Hängt ein oder mehrere Elemente an das Ende des Arrays an und gibt den neuen Längenwert zurück.

Beispiel:
let array = [1, 2, 3, 4, 5];
console.log(array.push(6)); // Das Ausgabeergebnis ist: 6

  1. .pop()
    Diese Methode entfernt ein Element vom Ende eines Arrays und gibt das entfernte Element zurück.

Beispiel:
let array = [1, 2, 3, 4, 5];
console.log(array.pop()); // Das Ausgabeergebnis ist: 5

  1. .join()
    This Methode Alle Elemente eines Arrays können zu einem einzigen String zusammengefasst werden.

Beispiel:
let array = [1, 2, 3, 4, 5];
console.log(array.join(",")); // Das Ausgabeergebnis ist: „1,2,3, 4 ,5"

  1. .splice()
    Diese Methode kann Elemente zum Array hinzufügen oder daraus entfernen.

Beispiel:
let array = [1, 2, 3, 4, 5];
array.splice(2, 0, "a", "b");
console.log(array); Das Ergebnis ist: [1, 2, „a“, „b“, 3, 4, 5]

  1. .sort()
    Diese Methode kann das Array sortieren.

Beispiel:
let array = [3, 1, 4, 2, 5];
console.log(array.sort()); // Das Ausgabeergebnis ist: [1, 2, 3, 4, 5 ]

3. Numerische Methode

  1. .valueOf()
    Diese Methode kann den ursprünglichen Wert des numerischen Werts zurückgeben.

Beispiel:
let num = 123;
console.log(num.valueOf()); // Das Ausgabeergebnis ist: 123

  1. .toString()
    Diese Methode kann einen numerischen Wert in einen String-Typ konvertieren .

Beispiel:
let num = 123;
console.log(num.toString()); // Das Ausgabeergebnis ist: „123“

  1. .toFixed()
    Diese Methode kann die angegebenen Dezimalstellen für beibehalten die Wertzahl.

Beispiel:
let num = 3.14159;
console.log(num.toFixed(2)); // Das Ausgabeergebnis ist: „3.14“

  1. .parseInt()
    Diese Methode kann einen String in einen konvertieren Integer-Typ.

Beispiel:
let string = "123";
console.log(parseInt(string)); // Das Ausgabeergebnis ist: 123

  1. .parseFloat()
    Diese Methode kann einen String in einen Gleitkommawert konvertieren Nummerntyp.

Beispiel:
let string = "3.14159";
console.log(parseFloat(string)); //Das Ausgabeergebnis ist: 3.14159

Four. Event method

  1. .addEventListener()
    Diese Methode kann sein angegeben Fügen Sie dem Element einen Ereignis-Listener hinzu.

Beispiel:
let button = document.querySelector("button");
button.addEventListener("click", function() {
console.log("Hello World");
});

  1. . removeEventListener()
    Diese Methode kann den Ereignis-Listener für das angegebene Element entfernen.

Beispiel:
let button = document.querySelector("button");
function handleClick() {
console.log("Hello World");
}
button.addEventListener("click", handleClick);
button.removeEventListener("click", handleClick);

Die oben genannten sind einige häufig verwendete Methoden in JavaScript. Natürlich gibt es noch viele andere Methoden, aber die Beherrschung der oben genannten Methoden kann uns helfen, uns in der Webentwicklung besser zurechtzufinden.

Das obige ist der detaillierte Inhalt vonVerschiedene Methoden in Javascript. 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