JavaScriptでの全角と半角の変換方法【現役エンジニアが解説】

PROGRAM

今回は、JavaScriptでの全角と半角の変換方法について、英字と数字、カナの場合に分け、簡単に解説していきます。

全角英字⇔半角英字の変換

全角英字と半角英字の変換にはStringのreplaceメソッドを使います。

// 全角英字⇒半角英字
function toHalfAlphabet(str) {
    return str.replace(/[A-Za-z]/g, function(s) {
        return String.fromCharCode(s.charCodeAt(0) - 0xFEE0);
    });
}

全角英字から半角英字への変換は、全角アルファベットの範囲を正規表現で指定し、文字コードから65248を引きます。

// 半角英字⇒全角英字
function toFullAlphabet(str) {
    return str.replace(/[A-Za-z]/g, function(s) {
        return String.fromCharCode(s.charCodeAt(0) + 0xFEE0);
    });
}

一方、半角英字から全角英字への変換は、半角アルファベットの範囲を正規表現で指定し、文字コードに65248を足します。

全角数字⇔半角数字の変換

全角数字と半角数字の変換の際にもStringのreplaceメソッドを使います。

// 全角数字⇒半角数字
function toHalfNumber(str) {
    return str.replace(/[0-9]/g, function(s) {
        return String.fromCharCode(s.charCodeAt(0) - 0xFEE0);
    });
}

全角数字から半角数字への変換に関しては、全角数字の範囲を正規表現で指定し、文字コードから65248を引くことで可能になります。

// 半角数字⇒全角数字
function toFullNumber(str) {
    return str.replace(/[0-9]/g, function(s) {
        return String.fromCharCode(s.charCodeAt(0) + 0xFEE0);
    });
}

一方、半角数字から全角数字への変換に関しては、半角数字の範囲を正規表現で指定し、文字コードに65248を足すことで可能になります。

全角カナ⇔半角カナの変換

全角カナと半角カナの変換にもStringのreplaceメソッドを使うことになります。

// 全角カナ⇒半角カナ
function ToHalfKana(str) {
    var kanas = {
         "ガ": "ガ", "ギ": "ギ", "グ": "グ", "ゲ": "ゲ", "ゴ": "ゴ",
         "ザ": "ザ", "ジ": "ジ", "ズ": "ズ", "ゼ": "ゼ", "ゾ": "ゾ",
         "ダ": "ダ", "ヂ": "ヂ", "ヅ": "ヅ", "デ": "デ", "ド": "ド",
         "バ": "バ", "ビ": "ビ", "ブ": "ブ", "ベ": "ベ", "ボ": "ボ",
         "パ": "パ", "ピ": "ピ", "プ": "プ", "ペ": "ペ", "ポ": "ポ",
         "ヴ": "ヴ", "ヷ": "ヷ", "ヺ": "ヺ",
         "ア": "ア", "イ": "イ", "ウ": "ウ", "エ": "エ", "オ": "オ",
         "カ": "カ", "キ": "キ", "ク": "ク", "ケ": "ケ", "コ": "コ",
         "サ": "サ", "シ": "シ", "ス": "ス", "セ": "セ", "ソ": "ソ",
         "タ": "タ", "チ": "チ", "ツ": "ツ", "テ": "テ", "ト": "ト",
         "ナ": "ナ", "ニ": "ニ", "ヌ": "ヌ", "ネ": "ネ", "ノ": "ノ",
         "ハ": "ハ", "ヒ": "ヒ", "フ": "フ", "ヘ": "ヘ", "ホ": "ホ",
         "マ": "マ", "ミ": "ミ", "ム": "ム", "メ": "メ", "モ": "モ",
         "ヤ": "ヤ", "ユ": "ユ", "ヨ": "ヨ",
         "ラ": "ラ", "リ": "リ", "ル": "ル", "レ": "レ", "ロ": "ロ",
         "ワ": "ワ", "ヲ": "ヲ", "ン": "ン",
         "ァ": "ァ", "ィ": "ィ", "ゥ": "ゥ", "ェ": "ェ", "ォ": "ォ",
         "ッ": "ッ", "ャ": "ャ", "ュ": "ュ", "ョ": "ョ",
         "。": "。", "、": "、", "ー": "ー", "「": "「", "」": "」", "・": "・"
    }
    var reg = new RegExp('(' + Object.keys(kanas).join('|') + ')', 'g');
    return str.replace(reg, function (match) {
                return kanas[match];
            }).replace(/゛/g, '゙').replace(/゜/g, '゚');
}

全角カナから半角カナへの変換は、全角カナと半角カナの対応表を連想配列で作り、それを正規表現化することにより可能となります。

// 半角カナ⇒全角カナ
function toFullKana(str) {
    var kanas = {
        'ガ': 'ガ', 'ギ': 'ギ', 'グ': 'グ', 'ゲ': 'ゲ', 'ゴ': 'ゴ',
        'ザ': 'ザ', 'ジ': 'ジ', 'ズ': 'ズ', 'ゼ': 'ゼ', 'ゾ': 'ゾ',
        'ダ': 'ダ', 'ヂ': 'ヂ', 'ヅ': 'ヅ', 'デ': 'デ', 'ド': 'ド',
        'バ': 'バ', 'ビ': 'ビ', 'ブ': 'ブ', 'ベ': 'ベ', 'ボ': 'ボ',
        'パ': 'パ', 'ピ': 'ピ', 'プ': 'プ', 'ペ': 'ペ', 'ポ': 'ポ',
        'ヴ': 'ヴ', 'ヷ': 'ヷ', 'ヺ': 'ヺ',
        'ア': 'ア', 'イ': 'イ', 'ウ': 'ウ', 'エ': 'エ', 'オ': 'オ',
        'カ': 'カ', 'キ': 'キ', 'ク': 'ク', 'ケ': 'ケ', 'コ': 'コ',
        'サ': 'サ', 'シ': 'シ', 'ス': 'ス', 'セ': 'セ', 'ソ': 'ソ',
        'タ': 'タ', 'チ': 'チ', 'ツ': 'ツ', 'テ': 'テ', 'ト': 'ト',
        'ナ': 'ナ', 'ニ': 'ニ', 'ヌ': 'ヌ', 'ネ': 'ネ', 'ノ': 'ノ',
        'ハ': 'ハ', 'ヒ': 'ヒ', 'フ': 'フ', 'ヘ': 'ヘ', 'ホ': 'ホ',
        'マ': 'マ', 'ミ': 'ミ', 'ム': 'ム', 'メ': 'メ', 'モ': 'モ',
        'ヤ': 'ヤ', 'ユ': 'ユ', 'ヨ': 'ヨ',
        'ラ': 'ラ', 'リ': 'リ', 'ル': 'ル', 'レ': 'レ', 'ロ': 'ロ',
        'ワ': 'ワ', 'ヲ': 'ヲ', 'ン': 'ン',
        'ァ': 'ァ', 'ィ': 'ィ', 'ゥ': 'ゥ', 'ェ': 'ェ', 'ォ': 'ォ',
        'ッ': 'ッ', 'ャ': 'ャ', 'ュ': 'ュ', 'ョ': 'ョ',
        '。': '。', '、': '、', 'ー': 'ー', '「': '「', '」': '」', '・': '・'
    };

    var reg = new RegExp('(' + Object.keys(kanas).join('|') + ')', 'g');
    return str.replace(reg, function (match) {
                return kanas[match];
            }).replace(/゙/g, '゛').replace(/゚/g, '゜');
}

半角カナから全角カナへの変換に関しても、半角カナと全角カナの対応表を連想配列で作り、それを正規表現化することにより可能となります。