Convert a byte array to a string in JavaScript

This post will discuss how to convert a byte array to a string in JavaScript.

A byte array is an array of numbers that represent binary data, such as ASCII or UTF-8 characters. A string is a sequence of characters that can be displayed or manipulated as text. There are several ways to convert a byte array to a string in JavaScript, depending on the encoding and format of the byte array:

1. Using `String.fromCharCode()` function

One way to convert a byte array to a string is to use the String.fromCharCode() function, which takes one or more character codes as arguments and returns a string that contains the corresponding characters. We can either use the spread operator (…) or the apply() function to pass an array of character codes as arguments. This will return a new string that contains the characters corresponding to the code points in the byte array Here’s an example:

let byteArray = [72, 101, 108, 108, 111];

// Use the spread operator

let str = String.fromCharCode(...byteArray);

// or use the apply function

// let str = String.fromCharCode.apply(null, byteArray);

console.log(str); // "Hello"

Download Run Code

This function works well for byte arrays that use ASCII encoding, which maps each byte to a single character. However, it may not work for byte arrays that use other encodings, such as UTF-8, which can use more than one byte to represent a character.

2. Using `TextDecoder` class

Another way to convert a byte array to a string is to use the TextDecoder class, which provides functions for decoding binary data into strings using various encodings. We can create a new TextDecoder object with the name of the encoding we want to use, such as "utf-8", and then call the decode() function on the object with the byte array as an argument. This will return a new string that contains the decoded characters from the byte array. Here’s an example:

let byteArray = new Uint8Array([72, 101, 108, 108, 111]);

// Create a new TextDecoder object with UTF-8 encoding

let decoder = new TextDecoder("utf-8");

// Decode the byte array into a string

let str = decoder.decode(byteArray);

console.log(str); // "Hello"

Download Run Code

This function works well for byte arrays that use UTF-8 or other common encodings, but it may not support some rare or custom encodings.

3. Using `Buffer` class

A third way to convert a byte array to a string is to use the Buffer class, which provides functions for creating, manipulating, and converting binary data. We can create a new Buffer object from an array of bytes, and then use the toString() function to convert it to a string using a specified encoding. Here’s an example:

let byteArray = [72, 101, 108, 108, 111];

// Create a new Buffer object from the byte array

let buffer = Buffer.from(byteArray);

// Convert the buffer to a string with UTF-8 encoding

let str = buffer.toString("utf8");

console.log(str); // "Hello"

Download Run Code

This function works well for byte arrays that use any of the supported encodings by Node.js, such as "ascii", "utf8", "hex", or "base64". However, it may not work in browsers that do not support the Buffer class.

That’s all about converting a byte array to a string in JavaScript.

Convert a byte array to a string in JavaScript

1. Using String.fromCharCode() function

2. Using TextDecoder class

3. Using Buffer class

Share this:

1. Using `String.fromCharCode()` function

2. Using `TextDecoder` class

3. Using `Buffer` class