Javascriptにおいて，テキストボックスの入力内容を配列から検索（部分一致）する

現在match()を用いてテキストボックスにて入力した内容を配列（csv）から検索して，部分一致したものを表示したい。

例えば，A123Fをテキストに入力して検索ボタンを押すと，サーバーにあるcsvfileを読み込んで，Aから始まる他のデータを表示したり，A1を入力したら同様に表示したり，a123fのように大文字小文字も区別なく検索し，A123Fを表示できるようにしたいと考えています。

現状では，完全一致以外は表示されません。
環境IE11

Javascript
1$("#btn").click(function() {
2  let text1 = $("#text1").val();//textboxの内容を取得
3    $.get("data.csv", function(data) {
4      csv = $.csv.toArrays(data);
5      for(let i = 0; i < csv.length; i++){
6        mainData = csv[i];
7        if(shagoNo !== "" && mainData[0].match(shagoNo) && mainData.indexOf(shagoNo) > -1) {
8          csvbody1.append("<tr><td><input onclick = 'func2()') type = 'button' class = 'btn2'>" + mainData[0].match(shagoNo) + "</button></td></tr>");
9}
10
11
12

Lhankor_Mhy

2019/06/26 03:05

shagoNo には何が入っているのですか？

yambejp

2019/06/26 03:19

サンプルが足りません HTMLとcsvを例示しそれがどう検索結果につながるのか提示してください同様の質問を繰り返しているようですが、一つ一つ理解してから次のステップに進んだほうがよいのでは？

m.ts10806

2019/06/26 03:55 編集

そもそも現在のコードは提示状態が不完全で文法エラーが出ます。手元のコードをきちんとコピペしてください。またHTMLと「どういうデータを利用しているのか」もご提示ください。

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

回答2件

ベストアンサー

最初の要素の部分一致なら

JavaScript
1    //if(shagoNo !== "" && mainData[0].match(shagoNo) && mainData.indexOf(shagoNo) > -1) {
2    if (shagoNo !== "" && mainData[0].indexOf(shagoNo) > -1) {