js 怎么转换全角半角

创作时间:

作者:

@小白创作中心

js 怎么转换全角半角

引用

来源

https://docs.pingcode.com/baike/3905067

在编程中，全角字符和半角字符的转换是一个常见的需求。本文将详细介绍如何使用JavaScript实现全角到半角的转换，包括具体的方法、代码示例以及注意事项。

JavaScript转换全角到半角的主要方法有以下几种：使用正则表达式、遍历字符串逐个字符转换、使用内置字符串方法等。其中，最常用且高效的方法是通过遍历字符串并使用字符编码转换。下面将详细介绍如何使用这种方法进行全角到半角的转换。

要实现全角字符到半角字符的转换，首先需要理解全角与半角字符的编码差异。全角字符的Unicode编码比半角字符多65248。具体而言，全角字符的编码范围是从0xFF01到0xFF5E，而对应的半角字符的编码范围是从0x21到0x7E。因此，只需将全角字符的编码减去65248即可转换为半角字符。

一、全角与半角字符的定义

全角字符和半角字符是计算机字符编码中的两个概念。全角字符（Full-width Characters）一般用于东亚语言，如中文、日文、韩文等。它们的每个字符占用两个字节的宽度。相反，半角字符（Half-width Characters）通常用于英语等西方语言，每个字符占用一个字节的宽度。

1、全角字符的特点：

每个字符占用两个字节的宽度。
全角字符的Unicode编码范围是从0xFF01到0xFF5E。

2、半角字符的特点：

每个字符占用一个字节的宽度。
半角字符的Unicode编码范围是从0x21到0x7E。

二、如何转换全角字符到半角字符

转换全角字符到半角字符的主要步骤包括：

遍历字符串中的每个字符。
检查字符是否在全角字符的Unicode编码范围内。
如果是全角字符，将其Unicode编码减去65248，得到相应的半角字符。
将转换后的半角字符拼接成新的字符串。

以下是一个示例代码，演示如何使用JavaScript进行全角到半角的转换：

function convertToHalfWidth(str) {
    let result = '';  
    for (let i = 0; i < str.length; i++) {  
        let charCode = str.charCodeAt(i);  
        // 判断是否在全角字符范围内  
        if (charCode >= 0xFF01 && charCode <= 0xFF5E) {  
            // 将全角字符的编码减去65248，得到半角字符  
            charCode = charCode - 65248;  
        }  
        result += String.fromCharCode(charCode);  
    }  
    return result;  
}  
// 示例  
let fullWidthStr = "Ｈｅｌｌｏ，Ｗｏｒｌｄ！";  
let halfWidthStr = convertToHalfWidth(fullWidthStr);  
console.log(halfWidthStr);  // 输出: Hello, World!

三、详细解释代码逻辑

1、遍历字符串

遍历字符串的每个字符是实现转换的第一步。在JavaScript中，可以使用
for
循环和
charCodeAt
方法来实现遍历和字符编码获取。

2、检查字符是否在全角字符的范围内

使用
if
条件语句检查字符的Unicode编码是否在全角字符的范围内（从0xFF01到0xFF5E）。

3、转换全角字符到半角字符

如果字符在全角字符范围内，则将其编码减去65248，得到相应的半角字符编码。

4、拼接转换后的字符

使用
String.fromCharCode
方法将字符编码转换为字符，并拼接到结果字符串中。

四、其他方法及注意事项

除了上述方法外，还可以使用正则表达式来实现全角到半角的转换。以下是一个使用正则表达式的示例：

function convertToHalfWidthWithRegex(str) {
    return str.replace(/[uff01-uff5e]/g, (char) => {  
        return String.fromCharCode(char.charCodeAt(0) - 65248);  
    });  
}  
// 示例  
let fullWidthStr = "Ｈｅｌｌｏ，Ｗｏｒｌｄ！";  
let halfWidthStr = convertToHalfWidthWithRegex(fullWidthStr);  
console.log(halfWidthStr);  // 输出: Hello, World!