Convertir ASCII a hexadecimal en JavaScript

1. Convertir un carácter ASCII en hexadecimal en JavaScript
2. Conversión de una cadena de ASCII en equivalente hexadecimal en JavaScript
3. Convertir hexadecimal de nuevo a ASCII

La principal intención de desarrollar el Código Estándar Americano para el Intercambio de Información (ASCII) era intercambiar datos entre dispositivos. ASCII es una tabla de códigos que tiene caracteres legibles por humanos y consta de cada carácter asignado a números específicos (los llamados códigos ASCII). Al igual que los sistemas numéricos de base binaria utilizados por las computadoras, utilizamos sistemas numéricos hexadecimales mientras transmitimos datos a través de un canal para una comunicación sin errores. ASCII es un formato legible por humanos, que las computadoras utilizan internamente de manera diferente. Veamos cómo podemos convertir un valor ASCII en un valor hexadecimal con JavaScript.

Convertir un carácter ASCII en hexadecimal en JavaScript

La conversión es fácil y no requiere muchos pasos en el código. Veamos el código para convertir un carácter ASCII en hexadecimal.

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);
}

Producción :

0x41
0x6e
0x21

En esta sección, estamos tratando con la conversión de un carácter ASCII en su equivalente hexadecimal. Tenemos el proceso de conversión explicado a continuación.

Nota

• Puede parecer extraño agregar la palabra clave 0x al valor hexadecimal convertido. Es un enfoque común seguido en javascript para identificar el número como un valor hexadecimal (consulte MSDN Docs para obtener más detalles). Para su propósito comercial, podemos evitarlo y seguir la salida de valor hexadecimal de la función .toString(16).

• La función toString(16) es una función multipropósito en javascript. Podemos usarlo para convertir a diferentes sistemas de base numérica. Necesitamos pasar la base decimal o la raíz como parámetro a la función. Si esperamos un equivalente binario del código ASCII, entonces la función toString(2) devolverá el equivalente binario del valor decimal. La función convertirá el objeto en una cadena antes de devolver el valor binario. Y por lo tanto, el tipo de retorno de .toString() es cadena.

• El código anterior considera solo la conversión de un carácter. Por lo tanto, si proporciona una cadena como entrada como convertASCIItoHex("HELLO"), la función devolverá el valor hexadecimal de la primera letra “H”. Se realiza mediante la función charCode(0) en asciiVal.charCodeAt(0).

Conversión de una cadena de ASCII en equivalente hexadecimal en JavaScript

Los requisitos más comunes que tenemos en nuestras vidas son convertir una cadena en su totalidad en el valor equivalente hexadecimal en lugar de un carácter. El siguiente programa toma una cadena como entrada y devuelve una cadena de equivalente hexadecimal para cada carácter como salida. Cada valor hexadecimal estará separado por ' ' un espacio para una mejor legibilidad y comprensión.

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);
}

Producción :

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

Aquí, convertASCIItoHex() devuelve un valor de cadena hexadecimal correspondiente a la entrada de cadena proporcionada. Devolverá un valor de tipo String. La cadena de códigos hexadecimales está separada por espacios para mayor legibilidad y claridad. Veamos los pasos que seguimos.

Convertir hexadecimal de nuevo a ASCII

Ahora que tenemos listos los valores hexadecimales, la pregunta que surge es cómo confirmamos que la salida es la esperada. Logramos el núcleo de la funcionalidad con la función fromCharCode(ASCIICode) de javascript que devuelve el carácter ASCII correspondiente al código ASCII pasado en el parámetro. Aquí, podemos usar el siguiente código.

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);
}

Producción :

Hello!
Good Morning World!!

Un par de métodos hacen la magia aquí. parseInt(i, 16) convierte una entrada de base 16 a base decimal. Por lo tanto, con este método, obtenemos el código ASCII para el valor hexadecimal. Y el String.fromCharCode(tempAsciiCode) toma el código ASCII pasado como parámetro a esta función y devuelve el carácter ASCII correspondiente al código.

Observaciones

• La forma de ASCII legible por humanos más utilizada incluye alfabetos, números y caracteres especiales. Con los códigos javascript, pretendemos cubrir estos conjuntos de caracteres. No podemos probar ciertos códigos ASCII en JavaScript, como ACK: carácter de reconocimiento, ETX: carácter de fin de texto, etc.
• La variable de cadena de JavaScript puede contener una longitud máxima de 2⁵³-1 caracteres según los estándares ES8. Y eso equivale a aproximadamente 512 MB de datos en Chrome y alrededor de un Gigabyte de datos en Firefox. Por lo tanto, podemos convertir valores de cadena más largos usando nuestro código.