jqueryでカタカナ、平仮名区別せず検索できるようにしたいです。

Question

https://jsfiddle.net/MrTK1230/retbhoae/3/
上記のサイトで作業をしています。

検索した内容をひらがな、カタカナ区別せず該当させたいです。
ネットで検索したのですがいろいろ手段があって、どれが最適か分からないのでアドバイスをください。

正規表現を使うパターン
http://qiita.com/konweb/items/97cccb28973aefe4b0c6

autoKana.jsを使うパターン
http://qiita.com/u-chida/items/6c07d558b3f06c9ed8d8

javascriptのライブラリ
https://www.npmjs.com/package/moji

そのほか、良いと思えるものがありましたらお願いします。

Answer 1

私は提案されている手段しか思いつきません。

• 検索対象文字列と検索ワードをカタカナから平仮名に置換して検索する
• カタカナ/平仮名を両方検索する正規表現を指定する

前者は検索することは簡単ですが、検索して置換処理が走る場合は平仮名に置換する前の文字列を置換処理を実行する必要があるため、一手間かかります。
例えば、String#indexOf でインデックス値を得て String#slice で検索ワード以外を切り出すなど。

後者は検索ワードが固定なら簡単ですが、外部から検索ワードを持ってくる仕様なら動的に正規表現オブジェクトを生成する必要があります。

両者の特性を踏まえてご自身が作りやすいと思う方法を選択すればいいと思います。

Re: drizzing20 さん

Comments

[drizzing20]

回答ありがとうございます。
カタカナ、平仮名を両方検索というのは以下の2つを組み合わせればできますか？
value.match(/^[\u3040-\u309f]+$/);
value.match(/^[\u30a0-\u30ff]+$/);

[think49]

それを生かすイメージが出来ませんが、どのよつな意図があるのでしょうか。
カタカナと平仮名のリストアップは出来ると思いますが…。

「アメとムチ」を検索する場合、「あめとむち」や「アメトムチ」も同様にマッチする必要があります。
value.match(/^[\u3040-\u309f]+$/) は "と" にマッチし、value.match(/^[\u30a0-\u30ff]+$/); は "アメ", "ムチ" にマッチします。
両方ともマッチしないと意味がないですよね。
更にいえば、検索して置換処理を走らせる場合は「きょういくはアメとムチがたいせつです」から「アメとムチ」だけ抽出してやる必要があります。
その辺の前提が全くあいまいなのでなんともアドバイスしがたいですね。