使用JavaScript編寫Base64編解碼工具

在現代Web應用程序中，數據是以各種不同的方式傳輸和存儲的。其中，Base64編碼被廣泛使用，因為它可以將二進位數據以文本的形式傳輸。在本文中，我們將會詳細探討如何使用JavaScript編寫一個Base64編解碼工具。

一、Base64編解碼原理

在計算機中，所有的數據都以二進位形式存儲。但是，在Web應用程序中，我們經常需要將數據通過網路進行傳輸，並且需要以文本的形式進行編碼。在這種情況下，Base64編碼就派上了用場。

Base64編解碼基本原理是將數據轉換為一組字元，這樣數據就可以在不丟失任何信息的情況下進行傳輸。Base64編碼的基礎是64個字元的字母表，包括大寫字母、小寫字母、數字和加號、斜線等字元。每6位二進位數據將會轉換為一個Base64字元。

二、編寫Base64編碼函數

下面看一下如何使用JavaScript編寫Base64編碼函數。

function base64Encode(str) {
    let base64Chars =
        "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/";

    let result = "";
    let i = 0;

    while (i > 2;
        let enc2 = ((chr1 & 3) <> 4);
        let enc3 = ((chr2 & 15) <> 6);
        let enc4 = chr3 & 63;

        if (isNaN(chr2)) {
            enc3 = enc4 = 64;
        } else if (isNaN(chr3)) {
            enc4 = 64;
        }

        result +=
            base64Chars.charAt(enc1) +
            base64Chars.charAt(enc2) +
            base64Chars.charAt(enc3) +
            base64Chars.charAt(enc4);
    }

    return result;
}

三、編寫Base64解碼函數

接下來看一下如何使用JavaScript編寫Base64解碼函數。

function base64Decode(str) {
    let base64Chars =
        "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/";

    let result = "";
    let i = 0;

    while (i < str.length) {
        let enc1 = base64Chars.indexOf(str.charAt(i++));
        let enc2 = base64Chars.indexOf(str.charAt(i++));
        let enc3 = base64Chars.indexOf(str.charAt(i++));
        let enc4 = base64Chars.indexOf(str.charAt(i++));

        let chr1 = (enc1 <> 4);
        let chr2 = ((enc2 & 15) <> 2);
        let chr3 = ((enc3 & 3) << 6) | enc4;

        result += String.fromCharCode(chr1);

        if (enc3 != 64) {
            result += String.fromCharCode(chr2);
        }
        if (enc4 != 64) {
            result += String.fromCharCode(chr3);
        }
    }

    return result;
}

四、使用Base64編解碼函數

接下來看一下如何使用Base64編解碼函數。

let originalString = "Hello World";
console.log("Original String: " + originalString);

let encodedString = base64Encode(originalString);
console.log("Encoded String: " + encodedString);

let decodedString = base64Decode(encodedString);
console.log("Decoded String: " + decodedString);

五、總結

在現代Web應用程序中，Base64編解碼是非常常見的。本文詳細介紹了如何使用JavaScript編寫Base64編解碼工具，包括編寫Base64編碼函數、Base64解碼函數以及使用這些函數對數據進行編解碼。希望通過本文的介紹，讀者們可以更好地理解Base64編解碼的工作原理，並且能夠輕鬆地使用JavaScript編寫Base64編解碼工具。