[jQuery] オブジェクト（連想配列）から条件指定して要素を取り出す（$.grep）

投稿日：2017年6月23日更新日：2018年5月3日

オブジェクト（連想配列）から条件指定して要素を取り出すには、$.grep()メソッドを使用します。

サンプルソース

例）オブジェクト（連想配列）から要素を抽出する

// オブジェクト（連想配列）
var goods = [
  {name:'トマト', kind:'野菜', price:100},
  {name:'みかん', kind:'果物', price:200},
  {name:'きゅうり', kind:'野菜', price:300},
  {name:'もも', kind:'果物', price:400},
  {name:'ピーマン', kind:'野菜', price:500},
  {name:'ぶどう', kind:'果物', price:600},
];

// 要素を抽出する
var result = $.grep(goods,
  function(obj, idx){
    //return (obj.kind == '野菜');  //kindが'野菜'を抽出する場合
    return (obj.price >= 500);   //priceが500以上を抽出する場合
  }
);

// 出力
console.log(result);

// オブジェクト（連想配列）

var goods = [

{name:'トマト', kind:'野菜', price:100},

{name:'みかん', kind:'果物', price:200},

{name:'きゅうり', kind:'野菜', price:300},

{name:'もも', kind:'果物', price:400},

{name:'ピーマン', kind:'野菜', price:500},

{name:'ぶどう', kind:'果物', price:600},

];

// 要素を抽出する

var result = $.grep(goods,

function(obj, idx){

//return (obj.kind == '野菜'); //kindが'野菜'を抽出する場合

return (obj.price >= 500); //priceが500以上を抽出する場合

}

);

// 出力

console.log(result);

（結果）: {name:'ピーマン', kind:'野菜', price:500} {name:'ぶどう', kind:'果物', price:600}

解説

複数の条件を指定することもできるのでSQLのように抽出することができます。

執筆者：とら