JavaScriptでカナ変換をおこなう

マルチバイト文字を変数に使えることを知っていると捗る。

---

サンプルソース

---

下記全角カタカナを半角カタカナに変換する関数

function convertTextFullToHalf(src) {
    var map = {
        ア: "ｱ", イ: "ｲ", ウ: "ｳ", エ: "ｴ", オ: "ｵ",
        カ: "ｶ", キ: "ｷ", ク: "ｸ", ケ: "ｹ", コ: "ｺ",
        サ: "ｻ", シ: "ｼ", ス: "ｽ", セ: "ｾ", ソ: "ｿ",
        タ: "ﾀ", チ: "ﾁ", ツ: "ﾂ", テ: "ﾃ", ト: "ﾄ",
        ナ: "ﾅ", ニ: "ﾆ", ヌ: "ﾇ", ネ: "ﾈ", ノ: "ﾉ",
        ハ: "ﾊ", ヒ: "ﾋ", フ: "ﾌ", ヘ: "ﾍ", ホ: "ﾎ",
        マ: "ﾏ", ミ: "ﾐ", ム: "ﾑ", メ: "ﾒ", モ: "ﾓ",
        ヤ: "ﾔ", ユ: "ﾕ", ヨ: "ﾖ",
        ラ: "ﾗ", リ: "ﾘ", ル: "ﾙ", レ: "ﾚ", ロ: "ﾛ",
        ワ: "ﾜ", ヲ: "ｦ", ン: "ﾝ", ー: "ｰ",
        ヴ: "ｳﾞ",
        ガ: "ｶﾞ", ギ: "ｷﾞ", グ: "ｸﾞ", ゲ: "ｹﾞ", ゴ: "ｺﾞ",
        ザ: "ｻﾞ", ジ: "ｼﾞ", ズ: "ｽﾞ", ゼ: "ｾﾞ", ゾ: "ｿﾞ",
        ダ: "ﾀﾞ", ヂ: "ﾁﾞ", ヅ: "ﾂﾞ", デ: "ﾃﾞ", ド: "ﾄﾞ",
        バ: "ﾊﾞ", ビ: "ﾋﾞ", ブ: "ﾌﾞ", ベ: "ﾍﾞ", ボ: "ﾎﾞ",
        パ: "ﾊﾟ", ピ: "ﾋﾟ", プ: "ﾌﾟ", ペ: "ﾍﾟ", ポ: "ﾎﾟ",
        ァ: "ｧ", ィ: "ｨ", ゥ: "ｩ", ェ: "ｪ", ォ: "ｫ",
        ャ: "ｬ", ュ: "ｭ", ョ: "ｮ", ッ: "ｯ", ヮ: "ヮ",
    };
    var texts = src.split("");
    var result = "";
    texts.forEach(function (chara) {
        if (map[chara]) {
            result += map[chara];
        }
        else {
            result += chara;
        }
    });
    return result;
}

以下動作サンプル

See the Pen convertTextFullToHalf by ninomae-makoto (@ninomae-makoto) on CodePen.

---

解説

---

正規表現でもできるがあまり好きではないので変換する値をマッピングする方法でおこなう。
変換元をキー、変換先を値にした連想配列を用意して1文字ずつ変換をかけている。
上記のやり方だと "ー" → "ｰ" などの特殊ケースにも適用できる。
逆変換をしたい場合は連想配列のキーと値を逆にすればよし。
splitはそれほど速くなかったはずなので変換対象のサイズには注意すること。代わりにcharAtなどを使うとよい。


いじょ