• HOME > 
  • JavaScript > 
  • jQueryのinArray()で配列内を検索する方法【要素...

jQueryのinArray()で配列内を検索する方法【要素が含まれているかチェック】

投稿日:

このページにはGoogleアドセンス広告とアフィリエイト広告が含まれています。

カテゴリー記事のアイキャッチ画像
広告
広告

inArray()メソッドとは?

jQueryのinArrayメソッドは、配列の中に特定の要素が含まれているかどうかを検索することができるメソッドです。

条件分岐に利用することで、指定の要素が含まれている時といない時とで処理を分けることが可能になります。

inArrayメソッドは次のように記述します。

inArrayメソッドの書き方

inArrayの返り値

inArrayは検索した結果の返り値として、文字列が含まれていなかった時には「-1」を、含まれていた場合は対象のテキストの先頭を0として何文字目からはじまるかというインデックス番号を返します。

返り値
含まれているとき先頭を0としたインデックス番号
含まれていないとき-1

次の例では果物の名前が格納された配列の中から、「いちご」と「レモン」をそれぞれ検索しています。

先頭から検索を開始し「いちご」を見つけたらインデックス番号(先頭の要素を0番目とする)を返すので、返り値は「1」になります。

配列の中に「レモン」は存在しないので「-1」を返します。

jQuery

/*検索対象の配列↓*/
var targetA = ["リンゴ","いちご","バナナ","すいか","メロン","リンゴ","いちご","みかん"];
/*含まれている場合*/
console.log($.inArray("いちご",targetA));//返り値は1
/*含まれていない場合*/
console.log($.inArray("レモン",targetA));//返り値は-1

inArrayはヒットしたら検索を終了する

上記の例で、配列内に「いちご」は2つ存在しますがinArrayはひとつヒットしたら検索を終了するため、配列内に何個存在するかというチェックはできません

配列内で特定の要素の総数を調べたいときはeachメソッドなどと組み合わせたループをつくって処理する必要があります。

検索対象を何番目以降という形で指定する

先程の例では配列の先頭からすべてを検索対象としていましたが、次のように何番目以降から検索を開始するように指定することも可能です。

inArrayメソッドの書き方

次の例では、配列の3番目以降で検索を行うため、返り値は6になります。(返り値のインデックス番号は先頭から数えたものになります。)

jQuery

/*検索対象の配列↓*/
var targetA = ["リンゴ","いちご","バナナ","すいか","メロン","リンゴ","いちご","みかん"];
/*3番目以降で検索*/
console.log($.inArray("いちご",targetA,3));//返り値は6
リンク先のサムネイル
JavascriptのindexOfで文字列を検索する方法【lastIndexOfも】

indexOfメソッドを使用すると、テキストや配列の中に指定の文字列が含まれているかどうかを検索することができます。条件分岐に利用することで、ある文字が含まれている時といない時とで処理を分けることが可能になります...【もっと読む】

まとめ

以上がinArray()で配列内を検索するして特定の要素が含まれているかチェックする方法です。

広告
広告

関連する記事

サムネイル

JSで入力値が英数字や半角かどうか即時文字チェックする【ma……

2024年10月02日
JavaScriptのmatch()は、正規表現を使って対象の文字列の中に一致するものがあるか検索できるメソッドです。このページではテキストボックスに入力された文字が数字や半角かどうかチェックする機能をmatchメソッドを使って実装する方法ついてご紹介します。
サムネイル

JSでHTMLのデータ属性を取得・更新する方法【datase……

2024年10月02日
JavaScriptのdatasetで要素のdata属性を操作する JavaScriptのdatasetは、HTML要素に設定されたデータ属性(data-*** […]
サムネイル

JavaScriptでラジオボタンの値(value)を取得す……

2024年10月02日
JSでラジオボタンの値を取得・操作する JavaScriptによるラジオボタンの操作(値の取得やチェックの切り替え)の方法を備忘録として残しておきます。 JSで […]
サムネイル

JSで大文字から小文字(小文字から大文字)へ変換する方法

2024年10月02日
JavaScriptで大文字と小文字を変換する JavaScriptを使った文字検索フォームを作るにあたり、大文字小文字どちらで入力されても良いよう、変換処理を […]
サムネイル

JSのclassList.toggleでクラスの付け外しを行……

2024年09月04日
classList.toggleとは? まず「classList」とは要素のクラス属性の情報を参照するプロパティで、「classList.add()」や「cla […]
サムネイル

JSで要素が特定のクラスを持つか調べる【classList.……

2024年09月04日
JSで要素が特定のクラスを持つか調べるには? JavaScriptで要素が特定のクラスを持つか調べるには「classList.contains」を使います。 「 […]
サムネイル

JSで文字列の中の任意の位置に別の文字を挿入する【slice……

2024年09月04日
JavaScriptに文字列の中の任意の位置に別の文字を挿入するにはslice()メソッドを利用します。sliceは特定の文字列の任意の位置から任意の文字数分を切り出すメソッドで、これを使って対象の文字列を一旦分解し、挿入したい文字と一緒新しい文字列としてくっつけ直します。