Heim > Web-Frontend > js-Tutorial > Zahlenmethoden in JavaScript beherrschen

Zahlenmethoden in JavaScript beherrschen

Barbara Streisand
Freigeben: 2024-12-21 12:27:14
Original
929 Leute haben es durchsucht

Mastering Number Methods in JavaScript

Zahlenmethoden in JavaScript

JavaScript bietet mehrere integrierte Methoden, um effektiv mit Zahlen zu arbeiten. Mit diesen Methoden können Sie Vorgänge wie Formatierung, Rundung, Analyse und Validierung von Zahlen ausführen.


1. Zahlen umwandeln

A. toString()

Konvertiert eine Zahl in eine Zeichenfolge.

const num = 123;
console.log(num.toString()); // Output: "123"
console.log((456).toString()); // Output: "456"
Nach dem Login kopieren
Nach dem Login kopieren

B. toFixed(digits)

Formatiert eine Zahl mit einer festen Anzahl von Dezimalstellen.

const num = 3.14159;
console.log(num.toFixed(2)); // Output: "3.14"
console.log(num.toFixed(4)); // Output: "3.1416"
Nach dem Login kopieren
Nach dem Login kopieren

C. toExponential(digits)

Gibt die Zahl in Exponentialschreibweise zurück.

const num = 12345;
console.log(num.toExponential(2)); // Output: "1.23e+4"
Nach dem Login kopieren
Nach dem Login kopieren

D. toPrecision(digits)

Formatiert eine Zahl auf eine angegebene Gesamtlänge (einschließlich Dezimalstellen).

const num = 123.456;
console.log(num.toPrecision(4)); // Output: "123.5"
console.log(num.toPrecision(6)); // Output: "123.456"
Nach dem Login kopieren
Nach dem Login kopieren

2. Zahlen analysieren und validieren

A. parseInt(string, radix)

Parst eine Zeichenfolge in eine Ganzzahl.

console.log(parseInt("123")); // Output: 123
console.log(parseInt("101", 2)); // Output: 5 (binary to decimal)
Nach dem Login kopieren

B. parseFloat(string)

Parst eine Zeichenfolge in eine Gleitkommazahl.

console.log(parseFloat("3.14")); // Output: 3.14
console.log(parseFloat("123abc")); // Output: 123
Nach dem Login kopieren

C. Number.isInteger(value)

Überprüft, ob ein Wert eine Ganzzahl ist.

console.log(Number.isInteger(123)); // Output: true
console.log(Number.isInteger(3.14)); // Output: false
Nach dem Login kopieren

D. Number.isFinite(value)

Überprüft, ob ein Wert eine endliche Zahl ist.

console.log(Number.isFinite(123)); // Output: true
console.log(Number.isFinite(Infinity)); // Output: false
Nach dem Login kopieren

E. Number.isNaN(value)

Überprüft, ob ein Wert NaN (Not-a-Number) ist.

console.log(Number.isNaN(NaN)); // Output: true
console.log(Number.isNaN(123)); // Output: false
Nach dem Login kopieren

3. Zahlen runden

A. Math.round()

Rundet eine Zahl auf die nächste ganze Zahl.

console.log(Math.round(4.5)); // Output: 5
console.log(Math.round(4.4)); // Output: 4
Nach dem Login kopieren

B. Math.ceil()

Rundet eine Zahl auf die nächste ganze Zahl auf.

console.log(Math.ceil(4.1)); // Output: 5
Nach dem Login kopieren

C. Math.floor()

Rundet eine Zahl auf die vorherige Ganzzahl ab.

console.log(Math.floor(4.9)); // Output: 4
Nach dem Login kopieren

D. Math.trunc()

Entfernt den Dezimalteil einer Zahl.

console.log(Math.trunc(4.9)); // Output: 4
Nach dem Login kopieren

4. Zufallszahlen generieren

A. Math.random()

Erzeugt eine Zufallszahl zwischen 0 (einschließlich) und 1 (exklusiv).

console.log(Math.random()); // Output: A random number between 0 and 1
Nach dem Login kopieren

Um eine Zufallszahl innerhalb eines Bereichs zu generieren:

const min = 1;
const max = 10;
const random = Math.floor(Math.random() * (max - min + 1)) + min;
console.log(random); // Output: A random number between 1 and 10
Nach dem Login kopieren

5. Andere nützliche Zahlenmethoden

A. Math.abs()

Gibt den absoluten Wert einer Zahl zurück.

console.log(Math.abs(-5)); // Output: 5
Nach dem Login kopieren

B. Math.pow(Basis, Exponent)

Gibt die Basis hoch mit dem Exponenten zurück.

const num = 123;
console.log(num.toString()); // Output: "123"
console.log((456).toString()); // Output: "456"
Nach dem Login kopieren
Nach dem Login kopieren

C. Math.sqrt()

Gibt die Quadratwurzel einer Zahl zurück.

const num = 3.14159;
console.log(num.toFixed(2)); // Output: "3.14"
console.log(num.toFixed(4)); // Output: "3.1416"
Nach dem Login kopieren
Nach dem Login kopieren

D. Math.max() und Math.min()

Findet den Maximal- oder Minimalwert aus einer Reihe von Zahlen.

const num = 12345;
console.log(num.toExponential(2)); // Output: "1.23e+4"
Nach dem Login kopieren
Nach dem Login kopieren

E. Math.sign()

Gibt das Vorzeichen einer Zahl zurück (-1, 0 oder 1).

const num = 123.456;
console.log(num.toPrecision(4)); // Output: "123.5"
console.log(num.toPrecision(6)); // Output: "123.456"
Nach dem Login kopieren
Nach dem Login kopieren

6. Zusammenfassung

  • JavaScript bietet eine breite Palette von Methoden für die Arbeit mit Zahlen, von der Konvertierung bis hin zu komplexen mathematischen Operationen.
  • Das Math-Objekt enthält Hilfsfunktionen für erweiterte Berechnungen.
  • Verwenden Sie diese Methoden, um das Runden, Parsen, Formatieren und Generieren von Zahlen effizient durchzuführen.

Wenn Sie diese Zahlenmethoden beherrschen, können Sie problemlos verschiedene numerische Operationen in JavaScript ausführen.

Hallo, ich bin Abhay Singh Kathayat!
Ich bin ein Full-Stack-Entwickler mit Fachwissen sowohl in Front-End- als auch in Back-End-Technologien. Ich arbeite mit einer Vielzahl von Programmiersprachen und Frameworks, um effiziente, skalierbare und benutzerfreundliche Anwendungen zu erstellen.
Sie können mich gerne unter meiner geschäftlichen E-Mail-Adresse erreichen: kaashshorts28@gmail.com.

Das obige ist der detaillierte Inhalt vonZahlenmethoden in JavaScript beherrschen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Quelle:dev.to
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
Neueste Artikel des Autors
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage