JavaScriptでの全角と半角の変換方法【現役エンジニアが解説】
今回は、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, '゜'); }
半角カナから全角カナへの変換に関しても、半角カナと全角カナの対応表を連想配列で作り、それを正規表現化することにより可能となります。