Wie man in JavaScript ganz einfach Dezimal zu Hexadezimal konvertiert

Описание: Lernen Sie die einfachen Schritte, um Dezimalzahlen in Hexadezimalzahlen und umgekehrt in JavaScript zu konvertieren, mithilfe integrierter Methoden für eine nahtlose Zahlenformatierung.
---
Dieses Video basiert auf der Frage https://stackoverflow.com/q/57803/ gestellt von dem Nutzer 'Luke Smith' ( https://stackoverflow.com/u/5556/ ) sowie auf der Antwort https://stackoverflow.com/a/57805/ bereitgestellt von dem Nutzer 'Prestaul' ( https://stackoverflow.com/u/5628/ ) auf der Website 'Stack Overflow'. Vielen Dank an diese großartigen Nutzer und die Stackexchange-Community für ihre Beiträge.

Besuchen Sie diese Links, um den Originalinhalt und weitere Details zu sehen, z. B. alternative Lösungen, aktuelle Entwicklungen zum Thema, Kommentare, Versionsverlauf usw. Der ursprüngliche Titel der Frage lautete beispielsweise: How to convert decimal to hexadecimal in JavaScript

Außerdem steht der Inhalt (außer Musik) unter der Lizenz CC BY-SA https://meta.stackexchange.com/help/l...
Der ursprüngliche Fragenbeitrag steht unter der Lizenz 'CC BY-SA 4.0' ( https://creativecommons.org/licenses/... ), und der ursprüngliche Antwortbeitrag steht unter der Lizenz 'CC BY-SA 4.0' ( https://creativecommons.org/licenses/... ).

Falls Ihnen irgendetwas auffällt oder Unstimmigkeiten bestehen, schreiben Sie mir bitte an vlogize [AT] gmail [DOT] com.
---
Dezimal zu Hexadezimal in JavaScript konvertieren

In der Webentwicklung ist das Verständnis von Zahlensystemen essenziell, insbesondere beim Umgang mit Farben, Speicheradressen und anderen technischen Darstellungen. Eine häufige Aufgabe ist die Umwandlung von Dezimalzahlen in ihre hexadezimale Entsprechung. Dieser Blogbeitrag führt Sie durch den Prozess, Dezimalwerte in Hexadezimalwerte in JavaScript zu konvertieren sowie die Umkehrung dieser Operation.

Warum Hexadezimal?

Hexadezimal, oder Basis 16, wird in der Informatik häufig verwendet, da es die binäre Darstellung vereinfacht. Jede Hexadezimalziffer entspricht vier Binärziffern, was das Lesen und Verstehen erleichtert.

Wichtige Punkte:

Hexadezimal verwendet die Ziffern 0-9 und die Buchstaben A-F.

Es wird oft in Web-Farb-Codes und Speicheradressen eingesetzt.

Dezimal zu Hexadezimal konvertieren

Die einfache Methode

JavaScript bietet eine einfache Möglichkeit, Dezimalzahlen mit der Methode toString() und der Basis 16 in Hexadezimalzahlen umzuwandeln. So funktioniert es:

[[Siehe Video, um diesen Text oder Codeausschnitt anzuzeigen]]

Schritt-für-Schritt-Erklärung

Wählen Sie Ihre Dezimalzahl aus: Nehmen Sie die Dezimalzahl, die Sie konvertieren möchten. Im Beispiel oben ist das 255.

Rufen Sie die Methode toString() auf: Mit dem Aufruf toString(16) sagen Sie JavaScript, dass die Zahl in einen hexadezimalen String umgewandelt werden soll.

Ergebnis ansehen: Das Ergebnis von toString(16) ist die hexadezimale Darstellung Ihrer Dezimalzahl, in unserem Fall ff.

Hexadezimal zurück zu Dezimal konvertieren

Um den Vorgang umzukehren, können Sie eine hexadezimale Zeichenkette mit parseInt() und der Basis 16 wieder in eine Dezimalzahl konvertieren:

[[Siehe Video, um diesen Text oder Codeausschnitt anzuzeigen]]

Schritte zur Umkehrung

Geben Sie die Hexadezimalzahl an: Bestimmen Sie die hexadezimale Zahl, die Sie zurückkonvertieren möchten, z. B. 'ff'.

Benutzen Sie parseInt() mit Radix 16: Diese Funktion nimmt den String und die Basis (hier 16), damit die Umwandlung korrekt abläuft.

Ergebnis prüfen: Die Ausgabe sollte die ursprüngliche Dezimalzahl sein.

Zusammenfassung

Zusammengefasst ist die Konvertierung zwischen Dezimal und Hexadezimal in JavaScript einfach und effizient:

Verwenden Sie deineZahl.toString(16), um Dezimal in Hexadezimal umzuwandeln.

Verwenden Sie parseInt(hexString, 16), um Hexadezimal zurück in Dezimal umzuwandeln.

Der Umgang mit diesen Zahlenformaten ist besonders wichtig bei Aufgaben mit Farben im Webdesign und bei der Programmierung allgemein. Wenn Sie diese einfachen Funktionen meistern, können Sie häufige numerische Umwandlungen mühelos handhaben.

Fügen Sie dieses Wissen gerne Ihrem Entwickler-Toolkit hinzu und sorgen Sie für ein reibungsloses Programmiererlebnis!