JS加密解密之字符编码知识

news2024/9/23 3:14:19

在这里插入图片描述

在前端开发中，字符编码是一个至关重要的概念，特别是在数据传输、加密和解密等方面。JavaScript作为一种常用的脚本语言，在处理字符编码时也有其独特之处。本文将详细介绍JavaScript中的字符编码知识，包括字符编码的分类和相关案例代码。

一、字符编码概述

字符编码是将字符映射到数字的过程，以便计算机能够理解和处理文本数据。在JavaScript中，常见的字符编码包括 ASCII、Unicode 和 UTF-8。

ASCII编码：ASCII（American Standard Code for Information Interchange）是一种基于拉丁字母的字符编码，用于将字符映射到数字。ASCII编码只使用了一个字节（8位），因此最多可以表示256个字符。
Unicode编码：Unicode是一种字符集，包含了世界上几乎所有的字符，每个字符都有一个唯一的Unicode码点。Unicode编码通常用16位（双字节）来表示字符。
UTF-8编码：UTF-8（Unicode Transformation Format）是一种对Unicode进行变长编码的实现方式。UTF-8使用1至4个字节来表示一个字符，能够表示Unicode中的所有字符。

二、字符编码分类

根据字符编码的不同特点，可以将字符编码分为以下几类：

单字节编码：每个字符占用一个字节的编码方式，如ASCII编码。
双字节编码：每个字符占用两个字节的编码方式，如Unicode编码。
多字节编码：每个字符占用超过两个字节的编码方式，如UTF-8编码。

三、案例代码示例

1. ASCII编码示例：

// 字符串转换为ASCII码
function stringToAscii(str) {
    let asciiArr = [];
    for (let i = 0; i < str.length; i++) {
        asciiArr.push(str.charCodeAt(i));
    }
    return asciiArr;
}

// ASCII码转换为字符串
function asciiToString(asciiArr) {
    let str = '';
    for (let i = 0; i < asciiArr.length; i++) {
        str += String.fromCharCode(asciiArr[i]);
    }
    return str;
}

let inputStr = "Hello";
let asciiArray = stringToAscii(inputStr);
console.log("ASCII码数组：", asciiArray);
console.log("ASCII码转换后的字符串：", asciiToString(asciiArray));

2. Unicode编码示例：

// 字符串转换为Unicode码
function stringToUnicode(str) {
    let unicodeArr = [];
    for (let i = 0; i < str.length; i++) {
        unicodeArr.push(str.charCodeAt(i));
    }
    return unicodeArr;
}

// Unicode码转换为字符串
function unicodeToString(unicodeArr) {
    let str = '';
    for (let i = 0; i < unicodeArr.length; i++) {
        str += String.fromCharCode(unicodeArr[i]);
    }
    return str;
}

let inputStr = "你好";
let unicodeArray = stringToUnicode(inputStr);
console.log("Unicode码数组：", unicodeArray);
console.log("Unicode码转换后的字符串：", unicodeToString(unicodeArray));

3. UTF-8编码示例：

// 字符串转换为UTF-8编码
function stringToUtf8(str) {
    return unescape(encodeURIComponent(str));
}

// UTF-8编码转换为字符串
function utf8ToString(utf8Str) {
    return decodeURIComponent(escape(utf8Str));
}

let inputStr = "🚀";
let utf8Encoded = stringToUtf8(inputStr);
console.log("UTF-8编码后的字符串：", utf8Encoded);
console.log("UTF-8编码转换后的字符串：", utf8ToString(utf8Encoded));