jQueryで連想配列や配列から条件指定で要素を取り出す方法!

jQueryで連想配列や配列から条件指定で要素を取り出す方法について解説します。jQueryで連想配列や配列から条件指定で一部の要素を検索して取り出すには主に$.grep()メソッドを使用します。では見ていきましょう。

コンテンツ [表示]

  1. 1jQueryで連想配列や配列から条件指定で要素を取り出したい
  2. 2jQueryで連想配列や配列から条件指定で要素を取り出す方法
  3. 3まとめ

jQueryで連想配列や配列から条件指定で要素を取り出したい

jQueryで連想配列や配列から条件指定で一部の要素を検索して取り出したい場合を考えます。

その方法について以下の項目でサンプルコード付きで解説します。

Photo bymohamed_hassan

jQueryで連想配列や配列から条件指定で要素を取り出す方法

JSだと連想配列や配列から条件指定で一部の要素を検索して取り出すにはfilterメソッドを用いますが、jQueryだと$.grep()メソッドを使用します。

ではサンプルコードを用意したので$.grep()メソッドの挙動を確認してみましょう。

このように連想配列の中身のオブジェクトから「number」が「2」のもののみ検索され取り出されていることが分かります。

$.grep()メソッドの使い方としては、第一引数に配列の名前をとり、第二引数に関数をとります。

そしてその関数の中で、true or falseを返す条件指定をして今回だと特定のオブジェクトを取り出すことができます。

まとめ

いかがでしたでしょうか?

ぜひ$.grep()メソッドを使用して配列から特定の要素を検索して取り出してみてください。

GeekHive採用サイト

関連記事