zl程序教程

您现在的位置是:首页 >  后端

当前栏目

JS自定义编码和解码方案

JS编码 自定义 方案 解码
2023-09-14 09:14:10 时间

本例将根据字符在 Unicode 字符表中的编号对字符串进行个性编码。例如,字符中的 Unicode 编码为 20013说如果在网页中使用 Unicode 编码显示,则可以输入“&#20013”。

使用 charCodeAt() 方法能够把指定的字符串转换为 Unicode 编码,然后利用 replace() 方法逐个对字符进行匹配、编码转换最后返回以网页能够显示的编码格式的信息。

下面代码利用字符串的 charCodeAt() 方法对字符串进行自定义编码。

  1. var toUnicode = String.prototype.toUnicode = function() { //对字符串进行编码操作
  2. var _this = arguments[0] || this; //判断是否存在参数,如果存在则使用静态方法调用参数
  3. //值,否则作为字符串对象的方法来处理当前字符串对象
  4. function f() { //定义替换文本函数
  5. return "&#" + arguments[0].charCodeAt(0) + ";"; //以网页编码格式显示被编码的字符串
  6. }
  7. return _this.replace(/[^\u00-\uFF]|\w/gmi, f); //使用replace()方法执行匹配、替换操作
  8. };

在函数体内首先判断参数,以决定执行操作的方式;然后在 replace() 字符替换方法中借助替换函数完成版被匹配字符的转码操作。

  1. var s = "JavaScript 中国"; //定义字符串
  2. s = toUnicode(s); //以静态函数的方式调用
  3. console.log(s);
  4. //返回javascript�&#22269
  5. var s = "JavaScript 中国";
  6. s = toUnicode(); //以String原型方法的方式调用
  7. document.write(s); //显示为“JavaScript 中国”

与 toUnicode() 编码操作相反,设计思路和实现代码基本相同。

  1. var fromUnicode = String.prototype.fromUnicode = function() { //对Unicode 编码进行解码操作
  2. var _this = arguments[0] || this; //判断是否存在参数,如果存在则使用静态方法调用参数值
  3. //否则作为字符串对象的方法来处理当前字符串对象
  4. function f() { //定义替换文本函数
  5. return String.fromCharCode(arguments[1]); //把第一个子表达式的值转换为字符
  6. }
  7. return _this.place(/&#(\d*);/gmi, f); //使用replace()匹配并替换Unicode编码为字符
  8. };

对于 ASCII 字符来说,其 Unicode 编码在 \uoo~\uFF(十六进制)之间,而对于双字节的汉字来说,则应该是大于 \uFF 编码的字符集,因此在判断时要考虑到不同的字符集合。

  1. var s = "JavaScript 中国"; //定义字符串
  2. s = toUnicode(s); //对字符串进行Unicode编码
  3. console.log(s);
  4. //返回javascript�&#22269
  5. s = s.fromUnicode(); //对被编码的字符串进行解码
  6. console.log(); //返回字符串“JavaScript 中国”