How to Encode and Decode a String with Base64 in JavaScript?

Base64 encoding is basically a scheme that is used to encode the text into ASCII(American Standard Code for Information Interchange) format.

It can take any form of data and transform it into a long string of plain text.

In JavaScript, there are two built-in functions btoa() and atob() that are used for encoding and decoding a string with Base64.

The function btoa() takes a string as a parameter and encodes it to Base64 format. It is read as Binary to ASCII.

Example:

// Encode string to Base64 format

const str = "Hello";

// Encode
const encoded = btoa(str);

console.log(encoded);
// Output: SGVsbG8=

Now, if you want to decode the Base64 encoded string to a normal string, you can use the atob() function.

The atob() function decodes a Base64 string to normal text format. It is read as ASCII to Binary.

Example:

// Decode a Base64 string

const encoded = "UHJvZ3JhbW1lcg==";

// Decode
const decoded = atob(encoded);

console.log(decoded);
// Output: Programmer

The Base64 format is in no way related to a secure encryption method. It is just designed to carry data stored in binary format across communication channels.

Thanks for reading.

Author

  • Manoj Kumar

    Hi, My name is Manoj Kumar. I am a full-stack developer with a passion for creating robust and efficient web applications. I have hands-on experience with a diverse set of technologies, including but not limited to HTML, CSS, JavaScript, TypeScript, Angular, Node.js, Express, React, and MongoDB.