jQeuryでgrep()やmap()を試してもうまくいかない

Question

下の「obj」から、

allowがnullなら
{ color:'enable', shape:'disable' } を取得

allowが 'enable' なら
{ color:'enable' } を取得

みたいな感じで取得したいです。

nullの方はできてますが、allowでの引数指定がうまくいかなくって…どうぞお手伝い頂けましたら幸いです。

まずgrep()というのを調べて下記を試しましたが、これじゃダメ。

function hoo( name, allow=null ){
  const obj = {
    apple : { color:'enable', shape:'disable' },
    melon : { color:'enable', shape:'enable' }
  };
  let result;
  if( allow==null ){
    result = obj[name];
  }
  else{
    result = $.grep(obj[name], function (e) {
      return e == allow;
    });
  }
  return result;
}

var result1 = hoo('apple');
console.log(result1);

var result2 = hoo('apple', 'enable');
console.log(result2);

さらにmap()というのも試しましたがこれもダメでした。

function hoo( name, allow=null ){
  const obj = {
    apple : { color:'enable', shape:'disable' },
    melon : { color:'enable', shape:'enable' }
  };
  let result;
  if( allow==null ){
    result = obj[name];
  }
  else{
    result = $.map(obj[name], function(value, index) {
      if( value==allow ){
      	return value;
      }
    });
  }
  return result;
}

var result1 = hoo('apple');
console.log(result1);

var result2 = hoo('apple', 'enable');
console.log(result2);

Answer 1

jQuery では難しいかもしれないですね。

  if (allow  === null) {
    return obj[name];
  }

  return Object.entries(obj[name]).filter(a => a[1] === allow).reduce((a, c) => ({ ...a, [c[0]]: c[1] }), {});

Answer 2

こういうことですか？

function hoo( name, allow=null ){
  const obj = {
  apple : { color:'enable', shape:'disable' },
  melon : { color:'enable', shape:'enable' }
  };
  return Object.entries(obj).filter(x=>{
    return (allow==null &&
            x[1].color=="enable" &&
            x[1].shape=="disable") ||
           (allow=="enable" &&
            x[1].color=="enable");
  }).reduce((x,y)=>(x[y[0]]=y[1],x),{});
};

console.log(hoo(1));// apple
console.log(hoo(2,null));// apple
console.log(hoo(3,"enable"));// apple,melon
console.log(hoo(4,"test"));// 空