客户的需求是,输入半角字符或日语假名,筛选出来的结果显示包含该字符的半角形式和全角形式的所有结果,输入全角也是同样的结果。这里就需要将输入的字符全部转为半角和全角,再去匹配结果。

在网上搜了一圈之后,只找到了字符的全半角转换,日语的几乎没有,最后在GitHub到了自己想要的东西。

GitHub地址:https://github.com/shogo4405/KanaXS

Unicode中文和特殊字符的编码范围https://blog.csdn.net/lb521200200/article/details/53606864

字符的全半角转换如下:

全角转半角
function ToCDB(str) {
var tmp = "";
for (var i = 0; i < str.length; i++) {
if (str.charCodeAt(i) > 65248 && str.charCodeAt(i) < 65375) {
tmp += String.fromCharCode(str.charCodeAt(i) - 65248);
}
else {
tmp += String.fromCharCode(str.charCodeAt(i));
}
}
return tmp
}
半角转全角
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);
}
} if(isEmpty(tmp)){
return txtstring;
}
return tmp;
}

全角转半角方法中,输入全角转换为半角,输入半角,返回的还是半角。

半角转全角方法中,输入半角转换为全角,输入全角,返回的是空,不利于后面的操作,所以如果转换后的结果是空,则返回输入的字符,实现了输入全角,返回的还是全角。

日语假名半角转全角

github上半角转全角的方法中,不包含小字符,如ぁ、ぃ、ぅ、ぇ、ぉ、っ、ゃ、ゅ、ょ,所以我在js文件中进行了改良,加入了这些小字符的Unicode码对照。完整代码如下:

/**
* 半角のカタカナを全角のカタカナに変換します。
* @example
* "アイウエオ".toZenkanaCase(); // アイウエオ
* @return {String}
*/
String.prototype.toZenkanaCase = function(){
var i, f, c, a = [], m = String.prototype.toZenkanaCase.MAPPING; for(i = 0, f = this.length;i < f; i++)
{
c = this.charCodeAt(i);
a.push(m[c] || c);
}; return String.fromCharCode.apply(null, a);
}; String.prototype.toZenkanaCase.MAPPING = {
0xFF67:0x30A1,
0xFF68:0x30A3,
0xFF69:0x30A5,
0xFF6A:0x30A7,
0xFF6B:0x30A9,
0xFF70:0x30FC,
0xFF71:0x30A2,
0xFF72:0x30A4,
0xFF73:0x30A6,
0xFF74:0x30A8,
0xFF75:0x30AA,
0xFF76:0x30AB,
0xFF77:0x30AD,
0xFF78:0x30AF,
0xFF79:0x30B1,
0xFF7A:0x30B3,
0xFF7B:0x30B5,
0xFF7C:0x30B7,
0xFF7D:0x30B9,
0xFF7E:0x30BB,
0xFF7F:0x30BD,
0xFF80:0x30BF,
0xFF81:0x30C1,
0xFF82:0x30C4,
0xFF83:0x30C6,
0xFF84:0x30C8,
0xFF85:0x30CA,
0xFF86:0x30CB,
0xFF87:0x30CC,
0xFF88:0x30CD,
0xFF89:0x30CE,
0xFF8A:0x30CF,
0xFF8B:0x30D2,
0xFF8C:0x30D5,
0xFF8D:0x30D8,
0xFF8E:0x30DB,
0xFF8F:0x30DE,
0xFF90:0x30DF,
0xFF91:0x30E0,
0xFF92:0x30E1,
0xFF93:0x30E2,
0xFF94:0x30E4,
0xFF95:0x30E6,
0xFF96:0x30E8,
0xFF97:0x30E9,
0xFF98:0x30EA,
0xFF99:0x30EB,
0xFF9A:0x30EC,
0xFF9B:0x30ED,
0xFF9C:0x30EF,
0xFF9D:0x30F3,
0xFF9E:0x309B,
0xFF9F:0x309C,
0xFF66:0x30F2,
65383:12449, //ァ
65384:12451, //ィ
65385:12453, //ゥ
65386:12455, //ェ
65387:12457, //ォ
65391:12483, //ッ
65388:12515, //ャ
65389:12517, //ュ
65390:12519 //ョ
};

js 日文全半角转换的更多相关文章

  1. win7怎么彻底关闭全/半角转换快捷键? imetool.exe

    from:http://bbs.csdn.net/topics/370040889 全半角转换最tm的烦人,快捷键是shift+space,不小心按到,就各种不爽, 系统看着是可以重新设置快捷键的,但 ...

  2. Java 全半角转换

    * 全角转半角的 转换函数* @return String*/public static final String full2HalfChange(String QJstr){StringBuffer ...

  3. 20170111 ABAP技术小结(全半角转换)

    DATA: it_po LIKE it_alv OCCURS 0 WITH HEADER LINE.************************************************** ...

  4. chr()、unichr()和ord(),全半角转换,ValueError: unichr() arg not in range() (wide Python build)

    chr().unichr()和ord() chr()函数用一个范围在range(256)内的(就是0-255)整数作参数,返回一个对应的字符. unichr()跟它一样,只不过返回的是 Unicode ...

  5. C# 全角和半角转换以及判断的简单代码

    在C#中判断和转换全角半角的方法 1. 判断是否为全角半角 全角占用二个字节 半角占用一个字节 用string.length 和System.text.Encoding.Default.GetByte ...

  6. C#全角半角转换函数

    Code#region 全角半角转换 /// <summary> /// 转全角的函数(SBC case) /// </summary> /// <param name= ...

  7. sqlserver和oracle中对全半角的转换

    oracle中对全半角的转换 to_single_byte(c)转换成半角 to_multi_byte(c)转换成全角 SELECT To_single_byte('881898?71') FROM ...

  8. java全角和半角转换

    package test; public class HalfAndFullConverseUtil { /** * ASCII表中可见字符从!开始,偏移位值为33(Decimal) */ priva ...

  9. JS对全角与半角的验证,相互转化以及介绍

    1.什么是全角和半角? 全角:是一种电脑字符,是指一个全角字符占用两个标准字符(或两个半角字符)的位置.全角占两个字节. 汉字字符和规定了全角的英文字符及国标GB2312-80中的图形符号和特殊字符都 ...

随机推荐

  1. SQL面试题之行转列

    典型的课程表: mysql> select * from course; +----+------------+----------+------------+ | id | teacher_i ...

  2. h5文字超出,两行显示,超出显示省略号

    最近接到一个需求,要求商场导航里的文字最多显示两行,超出两行的省略号显示,查一些资料,又根据自己的需求,改了很多,直接上代码吧 <html> <head> <style ...

  3. SQLAlchemy介绍和基本使用

    pymysql:pymysql是用Python来操作mysql的包,因此通过pip来安装,命令如下:pip3 install pymysql.如果您用的是Python 3,请安装pymysql 豆瓣源 ...

  4. redis的高级事务CAS(乐观锁)

    Optimistic locking using check-and-set(乐观锁) 乐观锁介绍:watch指令在redis事物中提供了CAS的行为.为了检测被watch的keys在是否有多个cli ...

  5. Mac 下配置 Python 开发环境

    ➜ ~ sudo brew install python3 ==> Downloading https://www.python.org/ftp/python/3.5.1/Python-3.5. ...

  6. 全网最详细的Sublime Text 3的插件官方网站(图文详解)

    不多说,直接上干货! 全网最详细的Windows里下载与安装Sublime Text *(图文详解) 全网最详细的Sublime Text 3的激活(图文详解) 全网最详细的Sublime Text ...

  7. linux zip命令

    linux zip 命令详解 功能说明:压缩文件. 语 法:zip [-AcdDfFghjJKlLmoqrSTuvVwXyz$][-b <工作目录>][-ll][-n <字尾字符串& ...

  8. PHP多进程系列笔记(三)

    本节讲解几个多进程的实例. 多进程实例 Master-Worker结构 下面例子实现了简单的多进程管理: 支持设置最大子进程数 Master-Worker结构:Worker挂掉,Master进程会重新 ...

  9. 修改wireshark协议解析规则

    不同的协议有不同的解码器,wireshark尝试为每个包尝试找到正确的解码器,特定的情况有可能会选择错误的解码器. 1.使用了其它协议的标准端口,被错误解码,使用udp的80端口发送数据被当作QUIC ...

  10. Mysql的select in会自动过滤重复的数据

    默认使用 SELECT 语句: 当加上in范围后,结果如下图: in范围内的数据,如果有重复的,只会选择第一个数据. 所以如果不是直接使用SQL语句来查询,而是在代码中来查询时,记得使用 distin ...