Konvertieren Sie ASCII in Hexadezimal in JavaScript

1. Konvertieren Sie ein ASCII-Zeichen in ein Hexadezimalzeichen in JavaScript
2. Konvertieren eines ASCII-Strings in ein hexadezimales Äquivalent in JavaScript
3. Konvertieren Sie Hexadezimal zurück in ASCII

Die Hauptabsicht bei der Entwicklung des American Standard Code for Information Interchange (ASCII) war der Datenaustausch zwischen Geräten. ASCII ist eine Codetabelle, die von Menschen lesbare Zeichen enthält und aus jedem Zeichen besteht, das bestimmten Zahlen zugeordnet ist (den sogenannten ASCII-Codes). Wie die von Computern verwendeten binären Basiszahlensysteme verwenden wir hexadezimale Zahlensysteme, während wir Daten über einen Kanal für eine fehlerfreie Kommunikation übertragen. ASCII ist ein von Menschen lesbares Format, das intern von Computern unterschiedlich verwendet wird. Sehen wir uns an, wie wir mit JavaScript einen ASCII-Wert in einen Hex-Wert umwandeln können.

Konvertieren Sie ein ASCII-Zeichen in ein Hexadezimalzeichen in JavaScript

Die Konvertierung ist einfach und erfordert nicht viele Schritte im Code. Schauen wir uns den Code zum Konvertieren eines ASCII-Zeichens in ein Hexadezimalzeichen an.

window.onload =
    function() {
  convertASCIItoHex('A');
  convertASCIItoHex('n');
  convertASCIItoHex('!');
}

function convertASCIItoHex(asciiVal) {
  let asciiCode = asciiVal.charCodeAt(0);
  let hexValue = asciiCode.toString(16);
  console.log('0x' + hexValue);
}

Ausgabe:

0x41
0x6e
0x21

In diesem Abschnitt beschäftigen wir uns mit der Umwandlung eines ASCII-Zeichens in das hexadezimale Äquivalent dazu. Wir haben den Konvertierungsprozess wie folgt erklärt.

Hinweis

• Es mag seltsam erscheinen, das Schlüsselwort 0x an den konvertierten Hexadezimalwert anzuhängen. Es ist ein üblicher Ansatz in JavaScript, die Zahl als hexadezimalen Wert zu identifizieren (weitere Informationen finden Sie in MSDN Docs). Für Ihre geschäftlichen Zwecke können wir dies vermeiden und der hexadezimalen Wertausgabe der Funktion .toString(16) folgen.

• Die Funktion toString(16) ist eine Mehrzweckfunktion in JavaScript. Wir können es verwenden, um in verschiedene Zahlenbasissysteme umzuwandeln. Wir müssen die Dezimalbasis oder das Radix als Parameter an die Funktion übergeben. Wenn wir uns auf ein binäres Äquivalent des ASCII-Codes freuen, dann gibt die Funktion toString(2) das binäre Äquivalent des Dezimalwerts zurück. Die Funktion wandelt das Objekt in einen String um, bevor der Binärwert zurückgegeben wird. Daher ist der Rückgabetyp von .toString() string.

• Der obige Code berücksichtigt nur eine Zeichenkonvertierung. Wenn Sie also als Eingabe einen String wie convertASCIItoHex("HELLO") angeben, gibt die Funktion den hexadezimalen Wert des ersten Buchstabens “H” zurück. Dies geschieht durch die Funktion charCode(0) in asciiVal.charCodeAt(0).

Konvertieren eines ASCII-Strings in ein hexadezimales Äquivalent in JavaScript

Die häufigsten Anforderungen, die wir in unserem Leben stellen, sind die Umwandlung einer Zeichenkette als Ganzes in den hexadezimalen Äquivalentwert und nicht in ein Zeichen. Das folgende Programm nimmt eine Zeichenkette als Eingabe und gibt eine Zeichenkette mit hexadezimaler Entsprechung für jedes Zeichen als Ausgabe zurück. Jeder Hex-Wert wird zur besseren Lesbarkeit und zum besseren Verständnis durch ' ' getrennt.

window.onload =
    function() {
  convertASCIItoHex('Hello!');
  convertASCIItoHex('Good Morning World!!');
}

function convertASCIItoHex(asciiString) {
  let hex = '';
  let tempASCII, tempHex;
  asciiString.split('').map(i => {
    tempASCII = i.charCodeAt(0)
    tempHex = tempASCII.toString(16);
    hex = hex + tempHex + ' ';
  });
  hex = hex.trim();
  console.log(hex);
}

Ausgabe:

48 65 6c 6c 6f 21
47 6f 6f 64 20 4d 6f 72 6e 69 6e 67 20 57 6f 72 6c 64 21 21

Hier liefert convertASCIItoHex() einen hexadezimalen String-Wert, der der bereitgestellten String-Eingabe entspricht. Es wird ein Wert vom Typ String zurückgegeben. Die Zeichenkette der Hex-Codes ist aus Gründen der Lesbarkeit und Klarheit durch Leerzeichen getrennt. Schauen wir uns die Schritte an, die wir befolgt haben.

Konvertieren Sie Hexadezimal zurück in ASCII

Jetzt, da wir die hexadezimalen Werte bereit haben, stellt sich die Frage, wie wir bestätigen können, dass die Ausgabe wie erwartet ist. Den Kern der Funktionalität erreichen wir mit der Funktion fromCharCode(ASCIICode) von JavaScript, die das ASCII-Zeichen zurückliefert, das dem im Parameter übergebenen ASCII-Code entspricht. Hier können wir den folgenden Code verwenden.

window.onload = function() {
  convertASCIItoHex('48 65 6c 6c 6f 21');
  convertASCIItoHex(
      '47 6f 6f 64 20 4d 6f 72 6e 69 6e 67 20 57 6f 72 6c 64 21 21');
} function convertHexToASCII(hexString) {
  let stringOut = '';
  hexString.split(' ').map((i) => {
    tempAsciiCode = parseInt(i, 16);
    stringOut = stringOut + String.fromCharCode(tempAsciiCode);
  });
  console.log(stringOut);
}

Ausgabe:

Hello!
Good Morning World!!

Ein paar Methoden machen hier die Magie. parseInt(i, 16) wandelt eine Eingabe der Basis 16 in eine Dezimalbasis um. Daher erhalten wir mit dieser Methode den ASCII-Code für den Hex-Wert. Und String.fromCharCode(tempAsciiCode) nimmt den dieser Funktion als Parameter übergebenen ASCII-Code und gibt das dem Code entsprechende ASCII-Zeichen zurück.

Bemerkungen

• Die am häufigsten verwendete von Menschen lesbare Form von ASCII umfasst Alphabete, Zahlen und Sonderzeichen. Mit den JavaScript-Codes wollen wir diese Zeichensätze abdecken. Bestimmte ASCII-Codes in JavaScript können wir nicht testen, wie das ACK: Acknowledge-Zeichen, ETX: End of Text-Zeichen usw.
• JavaScript-String-Variable kann eine Länge von maximal 2⁵³-1 Zeichen gemäß ES8-Standards enthalten. Und das entspricht ungefähr 512 MB Daten in Chrome und rund einem Gigabyte Daten in Firefox. Daher können wir mit unserem Code längere Zeichenkettenwerte konvertieren.