0
5

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

【JavaScript】全角カタカナをローマ字イニシャルに変換

Last updated at Posted at 2015-12-11
*もくじ*
1 概要
2 手順
3 注意点

1 概要

全角のカタカナからイニシャルを作成したい時に使う関数。
例)タナカ ハナコ
→T H

2 手順

  1. 名前のカタカナ(全角)の1文字をとってくる
  2. イニシャル変換の関数を実行
  3. イニシャルの完成! tada-!
//名前の最初の文字をカットする
var initial_name = initialCheck(苗字のstr.charAt(0)) + '・' + initialCheck(名前のstring.charAt(0));
//イニシャル変換の関数
function initialCheck(initialName){
	switch(initialName){
		case 'ア':return 'A';break;
		case 'イ':return 'I';break;
		case 'ウ':return 'U';break;
		case 'エ':return 'E';break;
		case 'オ':return 'O';break;
		case 'カ':case 'キ':case 'ク':case 'ケ':case 'コ':return 'K';break;
		case 'サ':case 'シ':case 'ス':case 'セ':case 'ソ':return 'S';break;
		case 'タ':case 'チ':case 'ツ':case 'テ':case 'ト':return 'T';break;
		case 'ナ':case 'ニ':case 'ヌ':case 'ネ':case 'ノ':return 'N';break;
		case 'ハ':case 'ヒ':case 'フ':case 'ヘ':case 'ホ':return 'H';break;
		case 'マ':case 'ミ':case 'ム':case 'メ':case 'モ':return 'M';break;
		case 'ヤ':case 'ヰ':case 'ユ':case 'ヱ':case 'ヨ':return 'Y';break;
		case 'ラ':case 'リ':case 'ル':case 'レ':case 'ロ':return 'R';break;
		case 'ワ':return 'W';break;
		case 'ガ':case 'ギ':case 'グ':case 'ゲ':case 'ゴ':return 'G';break;
		case 'ザ':case 'ジ':case 'ズ':case 'ゼ':case 'ゾ':return 'Z';break;
		case 'ダ':case 'ヂ':case 'ヅ':case 'デ':case 'ド':return 'D';break;
		case 'バ':case 'ビ':case 'ブ':case 'ベ':case 'ボ':return 'B';break;
		case 'パ':case 'ピ':case 'プ':case 'ペ':case 'ポ':return 'P';break;
		default: //(ァ、ィ、ゥ、ェ、ォ、ャ、ュ、ョ、ッ、ヮ、ヴ、ヲ、ン)は除外
		break;
	}
}
console.log(initial_name);
//T・Hとでてくる〜

3 注意点

全角カタカナのバリデーションしたあとに実行する。
正規表現で、こんな感じの関数つくればok!

function checkKana(kanaName){
	// カナフィールドの英数をチェック
	var pattern = /^[ァ-ン]+$/;
	if (kanaName !== undefined){
		//定義したパターンにマッチするか確認
		if (!(kanaName.match(pattern))){
		// 上記にマッチしない場合(エラー)
		return null;
		}else{
		//上記にマッチする場合(全角カタカナ)
		return kanaName;
		}
	}
}
0
5
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
5

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?