JavaScriptでの全角と半角の変換方法【現役エンジニアが解説】
今回は、JavaScriptでの全角と半角の変換方法について、英字と数字、カナの場合に分け、簡単に解説していきます。
全角英字⇔半角英字の変換
全角英字と半角英字の変換にはStringのreplaceメソッドを使います。
// 全角英字⇒半角英字
function toHalfAlphabet(str) {
return str.replace(/[Ａ-Ｚａ-ｚ]/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(/[０-９]/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, '゜');
}
半角カナから全角カナへの変換に関しても、半角カナと全角カナの対応表を連想配列で作り、それを正規表現化することにより可能となります。