JavaScript中字符串与Unicode编码互相转换的实现方法

 更新时间:2021年11月27日 21:57:34   作者:铁锚  
这篇文章主要介绍了JavaScript中字符串与Unicode编码互相转换的实现方法涉及JavaScript编码、数据类型等的转换技巧,需要的朋友可以参考下

本文实例讲述了JavaScript中字符串与Unicode编码互相转换的实现方法。

unicode的表示方式有两种,一种为web页面中使用的,一种为我们一般采用的编码方式

第一种:"成都 "Unicode编码方式 &+编号是网页里引用unicode字符的方法,编号为十进制的在unicode中的编号

第二种:\u6210\u90fd 表示的也是成都,采用的也是unicode编码格式,是java编程中使用的编码格式
它以\u开头,后接四位16进制的数。

分享给大家供大家参考,具体如下:

这段代码演示了JavaScript中字符串与Unicode编码的转换:

// 为了控制台的演示方便, 变量没有添加 var 定义
// 实际编程中请避免
// 字符串
str = "中文";
// 获取字符
char0 = str.charAt(0); // "中"
// 数字编码值
code = str.charCodeAt(0); // 20013
// 编码互转
str0 = String.fromCharCode(code); // "中"
// 转为16进制数组
code16 = code.toString(16); // "4e2d"
// 变成字面量表示法
ustr = "\\u"+code16; // "\u4e2d"
// 包装为JSON
jsonstr = '{"ustr": "'+ ustr +'"}'; //'{"ustr": "\u4e2d"}'
// 使用JSON工具转换
obj = JSON.parse(jsonstr); // Object {ustr: "中"}
//
ustr_n = obj.ustr; // "中"

如果是一组字符串,则需要使用到 for 循环来处理。

其中,我们使用了JSON工具来进行转换。

如果要兼容 IE6等浏览器,则可用如下形式进行解析:

if("object" === typeof message){
  // 如果是对象,则不进行转换
} else if(window["JSON"]){
  message = JSON.parse(message);
} else { // IE6, IE7
  message = eval("("+ message + ")");
}

控制台调试结果如下所示:

下面接着分享正则方式将&#数字形式转换为字符串或中文的方法

<script>
//带;号
var str="&#104;&#116;&#116;&#112;&#115;&#58;&#47;&#47;&#119;&#119;&#119;&#46;&#106;&#98;&#53;&#49;&#46;&#110;&#101;&#116;&#47;&#97;&#114;&#116;&#105;&#99;&#108;&#101;&#47;&#49;&#46;&#104;&#116;&#109;";
//不带分号
var str2="&#104&#116&#116&#112&#115&#58&#47&#47&#119&#119&#119&#46&#106&#98&#53&#49&#46&#110&#101&#116&#47&#97&#114&#116&#105&#99&#108&#101&#47&#49&#46&#104&#116&#109";
function uncode(str) {
return str.replace(/&#(x)?([^&]{1,5});?/g, function (a, b, c) {
return String.fromCharCode(parseInt(c, b ? 16 : 10));
})
}

document.write(uncode(str));
document.write("<br>");
document.write(uncode(str2));
</script>

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

相关文章

  • JavaScript实现图片合成下载的示例

    JavaScript实现图片合成下载的示例

    这篇文章主要介绍了JavaScript实现图片合成下载的示例,帮助大家更好的理解和学习JavaScript,感兴趣的朋友可以了解下
    2020-11-11
  • js中获取事件对象的方法小结

    js中获取事件对象的方法小结

    事件对象 的获取很简单,很久前我们就知道IE中事件对象是作为全局对象( window.event )存在的,Firefox中则是做为句柄( handler )的第一个参数传入内的。所以一行代码就可以搞定
    2011-03-03
  • 用js简单提供增删改查接口

    用js简单提供增删改查接口

    这篇文章主要介绍了用js简单提供增删改查接口,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-05-05
  • 为调试JavaScript添加输出窗口的代码

    为调试JavaScript添加输出窗口的代码

    调试JavaScript是一件很麻烦的事,尽管有很多很好用的调试工具,但有时候想要跟踪值的变化,但即不想中断脚本执行,也不想用alert显示值信息,这种情况下,一般的做法是在页面上添加一个DIV或者其它元素,然后再往里面添加调试信息。
    2010-02-02
  • 在chrome浏览器中,防止input[text]和textarea在聚焦时出现黄色边框的解决方法

    在chrome浏览器中,防止input[text]和textarea在聚焦时出现黄色边框的解决方法

    chrome浏览器不管对于开发者还是一般用户都可以说是一个相当优秀的网页浏览器,但是在开发中,让人感觉很多余的一个特性就是,在表单项中的控件聚焦时总会出现一个黄色边框
    2011-05-05
  • javascript Table 中2个列(TD)的交换实现代码

    javascript Table 中2个列(TD)的交换实现代码

    非常不错的用js控制talbe中td的位置的实现代码。
    2009-02-02
  • js实现图片360度旋转

    js实现图片360度旋转

    本文主要介绍了js实现图片360度旋转的思路与方法。具有很好的参考价值,下面跟着小编一起来看下吧
    2017-01-01
  • 基于vue实现可搜索下拉框定制组件

    基于vue实现可搜索下拉框定制组件

    这篇文章主要为大家详细介绍了基于vue实现可搜索下拉框定制组件,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2018-06-06
  • 原生JS实现图片轮播 JS实现小广告插件

    原生JS实现图片轮播 JS实现小广告插件

    这篇文章主要为大家详细介绍了原生JS实现图片轮播、小广告插件,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-09-09
  • JS实现简单的拖拽效果

    JS实现简单的拖拽效果

    拖拽是前端实现中比较常用的一种效果, HTML5 提供了较为强大的拖拽 API 支持,今天我们来实现一个简单的拖拽效果,需要的朋友可以参考下
    2023-09-09

最新评论