体験談ホームjQueryjQueryで配列の値を検索し、判定を行う方法【サンプルコードで解説】2020.01.29jQueryで配列の値を検索する方法をサンプルコードと共にご紹介します。大まかに分けて、$.inArrayを使用して値に対応したキーを取得する方法と、$.eachの繰り返し処理を活用して調べる方法があります。検索した配列の値を削除し、詰める$.eachで配列を繰り返し、好きな条件の値を取得する検索して一致した配列内の件数を取得する複数の値を配列内の検索条件に指定する配列内の値に特定の文字が含まれているかをチェックする(あいまい検索)配列内で前方一致する値を検索する配列内で後方一致する値を検索する$.inArrayで調べたい値のキーを取得する$.inArrayは、調べたい配列の値を設定することで、その値が存在する場合はキーを返します。引数に調べたい値、第二引数に配列を設定します。);});</script>そして、値が見つからない場合は-1を返します。);});</script>配列に値があるかどうかを調べたい時は、返り値が「-1」かどうかを判定する前述の通り、$.inArrayで配列に値が見つからなかった時は「false」ではなく「-1」を返すため、配列内に値があるかどうかを調べたい時はif文で-1かどうかを判定します。console.log('配列内に値がありました。console.log('配列内に値がありません。}});</script>複数の値があった場合は、最初にヒットしたキーを取得する仕様$.inArrayで複数の値がヒットした場合、最初に見つかったキーのみが返されます。そのため、$.inArrayで件数を調べたりするのは困難なので、件数を取得したい場合は後述のeachメソッドを使用しましょう。);});</script>検索した配列の値を削除し、詰める$.inArrayで検索された値を削除し、配列を詰める場合の処理です。]});</script>$.eachで配列を繰り返し、好きな条件の値を取得する$.eachで配列を繰り返すことで、好きな条件で検索をかけることが出来ます。配列をループさせることで検索する力業ですが、$.inArrayとは異なり、自分で好きな条件で検索できることがメリットです。引数に配列を、第二引数にfunctionでキーと値の変数を決めることで繰り返し処理が可能です。//キーと値を繰り返し処理で取得できる});検索して一致した配列内の件数を取得するループ内で一致した件数をカウントさせることで、配列内の値の数を取得できます。console.log(cnt);});</script>複数の値を配列内の検索条件に指定する$.eachは繰り返し処理の中で自由に条件を決められるため、複数の値を検索条件にキーを取得する、ということが出来ます。});});</script>配列内の値に特定の文字が含まれているかをチェックする(あいまい検索)繰り返しで値の検索条件に、「指定した文字が含まれているかどうか」で判定できるあいまい検索が可能です。matchを使用した正規表現で、調べたい値を設定します。});});</script>配列内で前方一致する値を検索する前方にのみ一致する値を調べたい場合もmatchを使用して検索ができます。正規表現のルールにより、冒頭に「^」を付けることで、先頭からマッチする文字列を検索できます。});});</script>配列内で後方一致する値を検索する前方一致と同じく、後方一致も検索が可能です。正規表現のルールにより、末尾に「$」を付けると、その文字列で終える値を検索できます。});});</script>jQueryで配列内の検索方法についてまとめました。使用したい用途に合わせて、是非ご活用ください。以上、jQueryで配列の値を検索し、判定を行う方法、でした。コメントをキャンセルメールアドレスが公開されることはありません。トップページへjQueryについてjQueryとは?セレクタ指定thisの仕様と使い方デバッグで使用するconsole.logフォームの操作テキストボックスチェックボックスセレクトボックスラジオボタンテキスト・HTML操作メソッドtexthtmlイベント関連メソッドclickdblclickmousedownmouseupmousemovemouseovermouseouttouchstarttouchendtouchmovefocuschangeinputkeydownkeypresskeyupscrollresizereadyloaderror表示・非表示関連メソッドshowhidetoggle削除関連メソッドemptyremoveclass関連メソッドaddClassremoveClasshasClasstoggleClassCSS関連メソッドcss属性関連メソッドattrprop挿入関連メソッドbeforeafterprependappend親要素関連メソッドparentparentsclosest子要素関連メソッドfindchildren兄弟要素関連メソッドnextnextAllprevprevAllsiblings配列・繰り返し関連メソッドeachdata操作メソッドdata外部通信(Ajax)メソッドajaxアニメーションメソッドanimate要素の幅操作メソッドwidthheightinnerWidthinnerHeightouterWidthouterHeightのちょうのプロフィールのちょうといいます。転職してWEBプログラマーになりました。趣味で任天堂のファンサイトをいくつか作っています。ポケモンとスマブラが大好き。@noticoco連絡先nochokinococo○gmail.com○を@に置き換えてください。制作講座jQuery入門jQueryの使い方を解説したページです。トップページへjQueryについてjQueryとは?セレクタ指定thisの仕様と使い方デバッグで使用するconsole.logフォームの操作テキストボックスチェックボックスセレクトボックスラジオボタンテキスト・HTML操作メソッドtexthtmlイベント関連メソッドclickdblclickmousedownmouseupmousemovemouseovermouseouttouchstarttouchendtouchmovefocuschangeinputkeydownkeypresskeyupscrollresizereadyloaderror表示・非表示関連メソッドshowhidetoggle削除関連メソッドemptyremoveclass関連メソッドaddClassremoveClasshasClasstoggleClassCSS関連メソッドcss属性関連メソッドattrprop挿入関連メソッドbeforeafterprependappend親要素関連メソッドparentparentsclosest子要素関連メソッドfindchildren兄弟要素関連メソッドnextnextAllprevprevAllsiblings配列・繰り返し関連メソッドeachdata操作メソッドdata外部通信(Ajax)メソッドajaxアニメーションメソッドanimate要素の幅操作メソッドwidthheightinnerWidthinnerHeightouterWidthouterHeightのちょうのプロフィールのちょうといいます。転職してWEBプログラマーになりました。趣味で任天堂のファンサイトをいくつか作っています。ポケモンとスマブラが大好き。@noticoco連絡先nochokinococo○gmail.com○を@に置き換えてください。制作講座jQuery入門jQueryの使い方を解説したページです。htmlspecialchars('配列内に値がありません。'').replace(/&/g,'&').replace(/"/g,'"').replace(/'/g,''').replace(//g,'>');}。