ひらがなの頭文字でのフィルタリング方法について

ひらがなの頭文字を選択するとその対象が表示される
ような処理が含まれるwebアプリをjavascriptで作っています。
濁音や半濁音の頭文字はありません。

例えば、「あいうえお」の「あ」をクリックすると「あ」から
始まるひらがなの学校名が出てきます。

「はひふへほ」の「へ」を選択した場合に「べっぷしょうがっこう」
などの「べ」にマッチさせる場合に何かうまい方法はないでしょうか？

現在は、手作業でswitch文にて変換処理を噛ませて判定して
おります。

Javascript
1switch (char) {
2    　case 'ぎ':
3        char = 'き';
4        break;
5    case 'じ':
6        char = 'し';
7        break;
8    case 'ぷ':
9        char = 'ふ';
10        break;
11    default:
12        break;
13}

追記
データは連想配列の配列で持っています。

Array[{name: "名前", furigana:"ひらがなのふりがな"}, {name: "名前", furigana:"びらがなのふりがな"}, {name: "名前", furigana:"あひらがなのふりがな"}, {name: "名前", furigana:"いひらがなのふりがな"}, ・・・]

上記配列に対して、「ひ」から{name: "名前", furigana:"ひらがなのふりがな"}, {name: "名前", furigana:"びらがなのふりがな"}のように取り出したいです。

現状は、furiganaの１文字目が「び」だったらswitch文で「ひ」に変換して
マッチするかどうかをみています。「び」をいちいち「ひ」にする処理がいまいちで
網羅的に手作業で作らないといけないですし。何かよい手はないかと。

ネット銀行で、あいうえおの表をクリックすると銀行名が出てきますが
濁音で始まる銀行名はどうやってマッチさせているのか？うまい方法は
あるのかといった疑問です。

kei344

2019/02/10 16:00

「「あ」をクリックすると「あ」から始まるひらがなの学校名が出てきます。」をどう実現しているかによるのでは。絞り込み方法の概要がわかるコードとデータをどう持っているかなど、質問文に追記していただけませんか？

行動規範の内容に同意します

回答2件

ベストアンサー

javascript
1const
2  M = new Map,
3  D = [
4    {name: "名前1", furigana:"ひらがなのふりがな"},
5    {name: "名前2", furigana:"びらがなのふりがな"},
6    {name: "名前3", furigana:"あひらがなのふりがな"},
7    {name: "名前4", furigana:"いひらがなのふりがな"}
8  ];
9
10'かが きぎ くぐ けげ こご さざ しじ すず せぜ そぞ ただ ちぢ つづ てで とど はばぱ ひびぴ ふぶぷ へべぺ ほぼぽ'
11  .split (/\s/g).forEach (a => M.set (a[0], new RegExp ('^(' + a.split ('').join ('|') + ')')));
12
13function getReg (f) {
14  return M.has (f) ? M.get (f): new RegExp ('^' + f);
15}
16  
17
18let rst = D.filter (function (a) { return this.test (a.furigana) }, getReg ('ひ'));
19console.log (rst);
20