オブジェクトのループに際して、特定キーは例外処理を実装したい

Question

###実現したいこと
以下の filteredObj というオブジェクトをループし、service, kind, word を入れています。

実現したいことは、 apple か durian の場合は kind を mix として1つだけ入れて、それ以外はそのまま kind を入れて、最終的に resultArr という配列を得ることです。
###該当のオブジェクト、欲しい配列

const filteredObj = {
  apple : ["a","b"],
  banana: ["c"],
  cherry: ["d", "e"],
  durian: ["f","g"]
};

const resultArr = [
  { service: "apple",  kind: "mix", word: "あ" }, // kind を mix として1つだけ入れる
  { service: "banana", kind: "c",   word: "あ" }, // kind をそのまま入れる
  { service: "cherry", kind: "d",   word: "あ" }, // kind をそのまま入れる
  { service: "cherry", kind: "e",   word: "あ" }, // kind をそのまま入れる
  { service: "durian", kind: "mix", word: "あ" }  // kind を mix として1つだけ入れる
];

###発生している問題
mix を入れるまではできましたが、1つでいい apple, durian が kind の数ずつ入ってしまうことが避けられません。

###問題のソースコード
mix を入れるまでは問題なく、以下でできました。ですがこれでは apple,durian がその kind の数ずつ入ってしまいます。

const filteredObj = {
  apple : ["a","b"],
  banana: ["c"],
  cherry: ["d", "e"],
  durian: ["f","g"]
};

let postArgs = [];
$.each(filteredObj, function(service, kinds) {

    kinds.forEach( kind => {
    
      if( service === 'apple' || service === 'durian' ){
        kind = 'mix';
      }    
    
      let postArg  = {}; // 実際は localStorage.getItem('postArg') で取得するが、テスト用に空を取得しておく
      postArg.service = service;
      postArg.kind    = kind;
      postArg.word    = 'あ';
      console.log( 'postArg =', postArg );
      postArgs.push( postArg );

    });
 
});
console.log( 'postArgs =', postArgs );

###試したこと
そこで考えたのが、「すでに apple,durian があるかどうかを判定し、ない場合だけ実行する」 という方法です。
以下がその流れになりますが実現できませんでした。

let postArgs = [];
$.each(filteredObj, function(service, kinds) {
    
    // すでに apple,durian があるかどうかを判定し、ない場合だけ実行する
    const serviceArr = postArgs.map(v => v.service);
    if( !serviceArr.includes('apple') && !serviceArr.includes('durian') ){

        kinds.forEach( kind => {
            /* 同上 */
        });

    }
});
console.log( 'postArgs =', postArgs );

また、上の if を以下のように逆の発想で実装しようともしてみましたがやはり解決に至らず、質問させていただきたく思います。
宜しくお願い致します。

if( serviceArr.includes('apple') || serviceArr.includes('durian') ) return false;

###バージョン情報
jQuery3.4.1

Answer 1

apple か durian の場合は、配列に要素１個だけ追加し、それ以外は元の要素数分追加するだけでは。
JQuery を試す環境が無いので、素のJSで書いてますがこんな感じでしょうか。

const postArgs = Object.keys(filteredObj).reduce((result, key) => {
  const values = filteredObj[key];
  if (key === "apple" || key === "durian") {
    result.push({ service: key, kind: "mix", word: "い" });
  } else {
    result.push(values.map(v => ({ service: key, kind: v, word: "あ" })));
  }
  return result;
}, []);

console.log(JSON.stringify(postArgs, null, 2));

Comments

[torakun]

今回はjQueryでということでしたが、reduceを使いこなせないまま長らく放置していたので勉強になるコードでした。ありがとうございました。

Answer 2

$.each(filteredObj, function(service, kinds) {
    if( service === 'apple' || service === 'durian' ){
        postArgs.push({ service: service, kind: 'mix', word: 'あ' });
    } else {
        kinds.forEach( kind => {
            postArgs.push({ service: service, kind: kind, word: 'あ' });
        });
    }
});

ということでしょうか。

Comments

[torakun]

そう分岐すればよかったんですね。ありがとうございました。