JS实现汉字与Unicode码相互转换的方法详解

发布时间 - 2026-01-11 00:53:27    点击率:

本文实例讲述了JS实现汉字与Unicode码相互转换的方法。分享给大家供大家参考,具体如下:

js文件中,有些变量的值可能会含有汉字,画面引入js以后,有可能会因为字符集的原因,把里面的汉字都变成乱码。后来发现网上的一些js里会把变量中的汉字都表示成”\u“开头的16进制编码,这样应该可以解决上面的问题。

最近有时间在网上查找了一下实现方式,一种比较大众化的:

function tounicode(data)
{
  if(data == '') return '请输入汉字';
  var str ='';
  for(var i=0;i<data.length;i++)
  {
   str+="\\u"+parseInt(data[i].charCodeAt(0),10).toString(16);
  }
  return str;
}
function tohanzi(data)
{
  if(data == '') return '请输入十六进制unicode';
  data = data.split("\u");
  var str ='';
  for(var i=0;i<data.length;i++)
  {
    str+=String.fromCharCode(parseInt(data[i],16).toString(10));
  }
  return str;
}

还找到一个相对简单一些,但比较另类的:

var GB2312UnicodeConverter={
    ToUnicode:function(str){
     return escape(str).toLocaleLowerCase().replace(/%u/gi,'\\u');
    }
    ,ToGB2312:function(str){
     return unescape(str.replace(/\\u/gi,'%u'));
    }
};

不过都有些问题,这两种方式,都会把出汉字以外的其他字符都给转换掉,做个简单的加密解密算法还是可以的,但要是用来处理js文件,把回车、换行、空格、tab字符全换了,转完以后,js文件也没法运行了。

偷懒不成,只能自己按照上面代码处理逻辑写一个了,只要保证只转换汉字字符就可以了:

// 汉字转为Unicode字符码表示
function toUnicode(s){
    return s.replace(/([\u4E00-\u9FA5]|[\uFE30-\uFFA0])/g,function(){
     return "\\u" + RegExp["$1"].charCodeAt(0).toString(16);
    });
}

方法写完了,为了方便转换js文件的内容,再做个简单的页面,加一个button在画面上。先要做的是在js文件Ctr+A,Ctr+C,把内容拷贝 到剪贴板里,然后再新建的这个画面上,点button的时候,从剪贴板里把内容读出来,调用方法转一下,在把内容放回剪贴板。然后再到 js文件里Ctr+A,Ctr+V一下就可以了。代码如下:

<html>
 <head>
  <script language="javascript">
   function Window_Load(){
     var G = document.getElementById;
     G("cmdToU").onclick = function(){
       clipboardData.setData("text",toUnicode(clipboardData.getData("text")));
     }
   }
   // 汉字转为Unicode字符码表示
// 原函数是,红色是是错误的,导致多个中文时,结果都是最后一个汉字的unicode码;
   function toUnicode(s){
     return s.replace(/([\u4E00-\u9FA5]|[\uFE30-\uFFA0])/g,function(){
      return "\\u" + RegExp["$1"].charCodeAt(0).toString(16);
     });
   }
// 经@b4b4指正,现更改
function toUnicode(s){
     return s.replace(/([\u4E00-\u9FA5]|[\uFE30-\uFFA0])/g,function(newStr){
      return "\\u" + newStr.charCodeAt(0).toString(16);
});
}
</script>
</head>
<body onload="Window_Load();">
<button id="cmdToU">汉字转为Unicode</button>
</body>
</html>

这个页面只能在IE内核的浏览器下才能正常运行,因为clipboardData对象好像只在IE下面有。

PS:这里再为大家提供几款Unicode编码转换操作相关工具供大家参考使用:

在线Unicode/中文转换工具:
http://tools./transcoding/unicode_chinese

Native/Unicode在线编码转换工具:
http://tools./transcoding/native2unicode

在线中文汉字/ASCII码/Unicode编码互相转换工具:
http://tools./transcoding/chinese2unicode

更多关于JavaScript相关内容可查看本站专题:《javascript编码操作技巧总结》、《JavaScript加密解密技巧汇总》、《JavaScript错误与调试技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript遍历算法与技巧总结》及《JavaScript数学运算用法总结》

希望本文所述对大家JavaScript程序设计有所帮助。


# JS  # 汉字  # Unicode码  # 转换  # JS字符串与二进制的相互转化实例代码详解  # js实现unicode码字符串与utf8字节数据互转详解  # 解决Pandas to_json()中文乱码  # 转化为json数组的问题  # 详解json string转换为java bean及实例代码  # javascript使用btoa和atob来进行Base64转码和解码  # js 转义字符及URI编码详解  # js中unicode转码方法详解  # js unicode 编码解析关于数据转换为中文的两种方法  # 如何通过JS实现转码与解码  # 转换工具  # 请输入  # 会把  # 就可以  # 都是  # 加密解密  # 是在  # 相关内容  # 多个  # 遍历  # 数据结构  # 要做  # 给大家  # 换了  # 然后再  # 找了  # 做个  # 只在  # 再到  # 更多关于 


相关栏目: 【 网站优化151355 】 【 网络推广146373 】 【 网络技术251813 】 【 AI营销90571


相关推荐: Laravel Pest测试框架怎么用_从PHPUnit转向Pest的Laravel测试教程  移动端脚本框架Hammer.js  图片制作网站免费软件,有没有免费的网站或软件可以将图片批量转为A4大小的pdf?  在线制作视频网站免费,都有哪些好的动漫网站?  php json中文编码为null的解决办法  Laravel如何实现API版本控制_Laravel版本化API设计方案  如何在 Telegram Web View(iOS)中防止键盘遮挡底部输入框  简单实现Android验证码  通义万相免费版怎么用_通义万相免费版使用方法详细指南【教程】  EditPlus中的正则表达式 实战(2)  高性价比服务器租赁——企业级配置与24小时运维服务  ChatGPT怎么生成Excel公式_ChatGPT公式生成方法【指南】  奇安信“盘古石”团队突破 iOS 26.1 提权  如何在Windows虚拟主机上快速搭建网站?  Laravel如何使用.env文件管理环境变量?(最佳实践)  Laravel如何实现本地化和多语言支持_Laravel多语言配置与翻译文件管理  ai格式如何转html_将AI设计稿转换为HTML页面流程【页面】  高端云建站费用究竟需要多少预算?  JavaScript如何实现路由_前端路由原理是什么  晋江文学城电脑版官网 晋江文学城网页版直接进入  javascript中数组(Array)对象和字符串(String)对象的常用方法总结  Laravel如何实现多表关联模型定义_Laravel多对多关系及中间表数据存取【方法】  Laravel如何生成URL和重定向?(路由助手函数)  高端智能建站公司优选:品牌定制与SEO优化一站式服务  在Oracle关闭情况下如何修改spfile的参数  Laravel如何发送邮件_Laravel Mailables构建与发送邮件的简明教程  Laravel如何生成PDF或Excel文件_Laravel文档导出工具与使用教程  java ZXing生成二维码及条码实例分享  Laravel Fortify是什么,和Jetstream有什么关系  潮流网站制作头像软件下载,适合母子的网名有哪些?  Laravel如何使用Laravel Vite编译前端_Laravel10以上版本前端静态资源管理【教程】  Claude怎样写结构化提示词_Claude结构化提示词写法【教程】  Laravel如何使用Spatie Media Library_Laravel图片上传管理与缩略图生成【步骤】  Laravel怎么实现一对多关联查询_Laravel Eloquent模型关系定义与预加载【实战】  Laravel怎么集成Vue.js_Laravel Mix配置Vue开发环境  如何自己制作一个网站链接,如何制作一个企业网站,建设网站的基本步骤有哪些?  零服务器AI建站解决方案:快速部署与云端平台低成本实践  详解MySQL数据库的安装与密码配置  Laravel如何设置定时任务(Cron Job)_Laravel调度器与任务计划配置  iOS正则表达式验证手机号、邮箱、身份证号等  网站制作企业,网站的banner和导航栏是指什么?  Laravel的.env文件有什么用_Laravel环境变量配置与管理详解  学生网站制作软件,一个12岁的学生写小说,应该去什么样的网站?  HTML透明颜色代码在Angular里怎么设置_Angular透明颜色使用指南【详解】  如何挑选最适合建站的高性能VPS主机?  Laravel如何生成API文档?(Swagger/OpenAPI教程)  如何在Windows 2008云服务器安全搭建网站?  laravel怎么使用数据库工厂(Factory)生成带有关联模型的数据_laravel Factory生成关联数据方法  linux写shell需要注意的问题(必看)  Bootstrap整体框架之CSS12栅格系统