JavaScript 全角与半角字符验证及转换实现

作者:小满

时间:2026-10-22

浏览:287

本文介绍 JavaScript 中全角与半角字符的区别,重点讲解利用 charCodeAt 和 fromCharCode 方法实现全角转半角、半角转全角的逻辑。包含空格处理及 Unicode 编码差值 65248 的具体应用,提供完整转换函数代码示例。

文章目录

全角与半角的基本概念

1.什么是全角和半角?

全角字符在计算机中占用两个标准字符的位置,即两个字节。

汉字、规定的全角英文字符以及国标 GB2312-80 中的图形符号和特殊字符均属于全角。在全角格式下,字母和数字与汉字保持等宽显示。

半角字符仅占用一个标准字符的位置,即一个字节。

半角字符通常指 ASCII 编码下的字符。在未启用汉字输入法时,输入的字母、数字及符号默认为半角状态。

每个半角字符占用一字节空间(8位,共 256 个编码)。由于汉语、日语和朝鲜文等象形文字的字库规模远超 256,因此采用两字节存储。此外,全角格式有助于中日韩等象形文字排版整齐。

为了保持排版美观,英文及其他拉丁文字符和标点也提供了全角格式。

全角与半角的区别

2.全角和半角的区别

全角与半角的区别主要针对标点符号:全角标点占两个字节,半角标点占一个字节。无论全角还是半角,汉字始终占用两个字节。

JavaScript 中的全角半角处理

3.js判断输入的文字是全角还是半角?


str="中文;;a"   
alert(str.match(/[\u0000-\u00ff]/g))   //半角  
alert(str.match(/[\u4e00-\u9fa5]/g))   //中文  
alert(str.match(/[\uff00-\uffff]/g))   //全角

4.js对全角与半角的相互转化

首先,需明确以下关键信息:

a.全角空格编码为 12288,半角空格编码为 32。

b.其他字符中,半角(编码 33-126)与全角(编码 65281-65374)的对应关系是:全角编码减去半角编码均相差 65248。

半角转化为全角

半角转全角实现


function ToDBC(txtstring) { 
  var tmp = ""; 
  for(var i=0;i<txtstring.length;i++{ 
    if(txtstring.charCodeAt(i)==32){ 
      tmp= tmp+ String.fromCharCode(12288); 
    } 
    if(txtstring.charCodeAt(i)<127){ 
      tmp=tmp+String.fromCharCode(txtstring.charCodeAt(i)+65248); 
    } 
  } 
  return tmp; 
}

上述转换过程使用了 JavaScript 的 charCodeAt() 方法与 fromCharCode() 方法。

charCodeAt() 方法返回指定位置字符的 Unicode 编码,返回值范围为 0 到 65535 的整数。

fromCharCode() 方法接收指定的 Unicode 值,并返回对应的字符串。

想详细的了解charCodeAt() 方法与fromCharCode()方法,可以点击《JavaScript charCodeAt() 方法》与《JavaScript fromCharCode() 方法》。

全角转换为半角

全角转半角实现


function ToCDB(str) { 
  var tmp = ""; 
  for(var i=0;i<str.length;i++){ 
    if (str.charCodeAt(i) == 12288){
      tmp += String.fromCharCode(str.charCodeAt(i)-12256);
      continue;
    }
    if(str.charCodeAt(i) > 65280 && str.charCodeAt(i) < 65375){ 
      tmp += String.fromCharCode(str.charCodeAt(i)-65248); 
    } 
    else{ 
      tmp += String.fromCharCode(str.charCodeAt(i)); 
    } 
  } 
  return tmp 
} 

以上所述是小编给大家介绍的JS验证全角与半角及相互转化的知识,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对本站网站的支持!

实用工具推荐

电子包浆

绿化、压缩、噪点和虚拟水印,自由调节做旧程度。

使用 ›
图片压缩

选择画质和输出格式,预览压缩前后的大小。

使用 ›
相关文章