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


Posted in Javascript onApril 28, 2017

本文实例讲述了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下面有。

Javascript 相关文章推荐
JavaScript游戏之是男人就下100层代码打包
Nov 08 Javascript
关于JS数组追加数组采用push.apply的问题
Jun 09 Javascript
深入理解JavaScript内置函数
Jun 03 Javascript
基于JS实现数字+字母+中文的混合排序方法
Jun 06 Javascript
jQuery实现的自定义滚动条实例详解
Sep 20 Javascript
JavaScript错误处理和堆栈追踪详解
Apr 18 Javascript
基于jQuery和CSS3实现APPLE TV海报视差效果
Jun 16 jQuery
基于vue+axios+lrz.js微信端图片压缩上传方法
Jun 25 Javascript
vue2.x 通过后端接口代理,获取qq音乐api的数据示例
Oct 30 Javascript
在Echarts图中给坐标轴加一个标识线markLine
Jul 20 Javascript
如何正确解决VuePress本地访问出现资源报错404的问题
Dec 03 Vue.js
vue组件冲突之引用另一个组件出现组件不显示的问题
Apr 13 Vue.js
JS组件系列之JS组件封装过程详解
Apr 28 #Javascript
JS实现的Unicode编码转换操作示例
Apr 28 #Javascript
webpack配置文件和常用配置项介绍
Apr 28 #Javascript
JS 组件系列之 bootstrap treegrid 组件封装过程
Apr 28 #Javascript
JavaScript实现简单的四则运算计算器完整实例
Apr 28 #Javascript
vue实现动态数据绑定
Apr 28 #Javascript
Vue实现动态响应数据变化
Apr 28 #Javascript
You might like
PHP并发查询MySQL的实例代码
2017/08/09 PHP
面向对象的Javascript之二(接口实现介绍)
2012/01/27 Javascript
JavaScript自定义DateDiff函数(兼容所有浏览器)
2012/03/01 Javascript
jquery无缝向上滚动实现代码
2013/03/29 Javascript
jQuery动态创建html元素的常用方法汇总
2014/09/05 Javascript
5个书写JavaScript代码的坏习惯,看看你中枪了没?
2014/11/06 Javascript
JavaScript中的关联数组问题
2015/03/04 Javascript
js实现表单Radio切换效果的方法
2015/08/17 Javascript
JavaScript中的定时器之Item23的合理使用
2015/10/30 Javascript
JS基于构造函数实现的菜单滑动显隐效果【测试可用】
2016/06/21 Javascript
Javascript 动态改变imput type属性
2016/11/01 Javascript
Bootstrap CSS组件之按钮下拉菜单
2016/12/17 Javascript
vuejs通过filterBy、orderBy实现搜索筛选、降序排序数据
2020/10/26 Javascript
详解基于vue-router的动态权限控制实现方案
2017/09/28 Javascript
「中高级前端面试」JavaScript手写代码无敌秘籍(推荐)
2019/04/08 Javascript
原生JavaScript实现贪吃蛇游戏
2020/11/04 Javascript
在vue中给后台接口传的值为数组的格式代码
2020/11/12 Javascript
python 查找文件夹下所有文件 实现代码
2009/07/01 Python
Python编码时应该注意的几个情况
2013/03/04 Python
pycharm 使用心得(五)断点调试
2014/06/06 Python
python解析xml文件实例分析
2015/05/27 Python
python搭建微信公众平台
2016/02/09 Python
简要讲解Python编程中线程的创建与锁的使用
2016/02/28 Python
Python wxPython库使用wx.ListBox创建列表框示例
2018/09/03 Python
python2与python3中关于对NaN类型数据的判断和转换方法
2018/10/30 Python
Python如何在DataFrame增加数值
2020/02/14 Python
解决redis与Python交互取出来的是bytes类型的问题
2020/07/16 Python
Python 利用flask搭建一个共享服务器的步骤
2020/12/05 Python
毕业自我评价范文
2013/11/17 职场文书
培训主管岗位职责
2014/02/01 职场文书
大学自主招生推荐信
2014/05/10 职场文书
计划生育证明格式范本
2014/09/12 职场文书
行政执法队伍作风整顿个人剖析材料
2014/10/11 职场文书
房产证明范本
2015/06/19 职场文书
php中配置文件保存修改操作 如config.php文件的读取修改等操作
2021/05/12 PHP
python自动计算图像数据集的RGB均值
2021/06/18 Python