全角英数字を半角英数字に変換する

※ カナは文字コードの順が違ったり濁点が交じるので単純変換は厳しい。

119 ZENKAKU

---

↓変換
view source

JavaScript

//ただの順置換

function zenToHan(str){
  str = str.replace(/[A-Za-z0-9]/g, function(s) {
    return String.fromCharCode(s.charCodeAt(0) - 0xFEE0);
  });
  return str;
}

function hanToZan(str){
  str = str.replace(/[A-Za-z0-9]/g, function(s) {
    return String.fromCharCode(s.charCodeAt(0) + 0xFEE0);
  });
  return str;
}

$(function(){
  $('button').on('click', function(){
    var val = $('#input').val();
    var id = $(this).attr('id');
    if(id === 'han'){
      val = zenToHan(val);
    }
    if(id === 'zen'){
      val = hanToZan(val);
    }
    $('#output').val(val);
    
  });

})



var str_zen = document.getElementById('before').textContent;
console.log(str_zen);
var str_han = zenToHan(str_zen);
console.log(str_han);
document.getElementById('after').textContent = str_han;

CSS

HTML

ページのソースを表示 : Ctrl+U , DevTools : F12

view-source:https://hi0a.com/demo/-js/js-zen-to-han/

ABOUT

hi0a.com 「ひまアプリ」は無料でつかえる便利ツールやブラウザ上で遊べるミニゲームを公開しています。

プログラミング言語の動作デモやWEBデザイン、ソースコード、フロントエンド等の開発者のための技術を公開しています。

必要な機能の関数をコピペ利用したり勉強に活用できます。

プログラムの動作サンプル結果は画面上部に出力表示されています。

環境:最新のブラウザ GoogleChrome / Windows / Android / iPhone 等の端末で動作確認しています。

画像素材や音素材は半分自作でフリー素材配布サイトも利用しています。LINK参照。

途中放置や実験状態、仕様変更、API廃止等で動かないページもあります。ご了承下さい。