JavaScript で文字列を Base64 にエンコードおよびデコードする

バイナリ データを扱う場合、多くの場合、より便利な形式にエンコードする必要があります。文字列表現。 Base64 は、バイナリ データを印刷可能な文字列として表す一般的なエンコード スキームです。これにより、Web アプリケーションやその他のシナリオでのデータの転送と保存が容易になります。

JavaScript で文字列を Base64 にエンコードする

JavaScript で文字列を Base64 にエンコードするには、 btoa() 関数を使用できます。この関数は文字列を引数として受け取り、Base64 でエンコードされた文字列を返します。

例:

const encodedString = btoa('This is a string');
console.log(encodedString); // Outputs: VGhpcyBpcyBhIHN0cmluZw==

Base64 でエンコードされた文字列を文字列にデコードする

Base64 でエンコードされた文字列を文字列にデコードするには、次のコマンドを使用できます。 atob()関数。この関数は、Base64 でエンコードされた文字列を引数として受け取り、元の文字列を返します。

例:

const decodedString = atob('VGhpcyBpcyBhIHN0cmluZw==');
console.log(decodedString); // Outputs: This is a string

btoa() と atob() について理解する

btoa() は 8 ビット バイトを表す文字列を受け入れることに注意することが重要です。 8 ビットで表現できない文字を使用している場合は、btoa() を適用する前に文字列をエンコードする必要がある場合があります。

一方、atob() は 8 ビット バイトを表す文字列を返します。すべてのアプリケーションに適しているとは限りません。テキスト データを操作する必要がある場合は、さらにデコードすることを検討する必要がある場合があります。

詳細と代替方法については、次のリソースを参照してください:

• MDNウェブ ドキュメント: atob().
• MDN ウェブ ドキュメント: btoa().