オブジェクトの中のキーの存在の有無でフィルタリングを行いたい。

Question

前提

複数のスタッフオブジェクトに付加される属性情報をオブジェクトで
作成しています。
一応目的とするフィルタリングはできたのですが、すごく遠回りしているように
思っております。

実現したいこと

複数のスタッフに対する属性をオブジェクトで付加しているのですが
その属性キーがあるか無いかで新しいオブジェクトとして再構成したいと
考えております。

発生している問題・エラーメッセージ

一応目的にはたどり着いたのですが、コードが回りくどい（正しくない使い方）ように思っております。
具体的にはmapでの処理でif文で、不要なオブジェクトがreturnされてほしくないのですが、
なぜかstaffA などがundefinedで戻ってくるため、処理した後の配列checkedArr から、undefinedをfilter()で取り除くという処理をしています。

正しい書き方を教えていただければとおもいご質問させていただきました。

該当のソースコード

それぞれのstaffオブジェクトで属性として「ｂ」を「保有していない」staffのみ抽出

const obj ={staffA:{a:1,b:1},staffB:{a:2},staffC:{a:3,b:3,c:3},staffD:{a:4}}

let checkedArr = Object.keys(obj).map((item)=>{
  if(!obj[item].b){
    return [item,obj[item]]
   }
})
let newArr=checkedArr.filter((element) => element !== undefined)
let newObj = Object.fromEntries(newArr)
console.log(newObj)

{staffB:{a:2},staffD:{a:4}}

お手数おかけいたしますが、ご指導いただければ幸いです。
よろしくお願いいたします。

Answer 1

ベストアンサー決定後に失礼します。

質問にあるようにobjに対して何らかの処理をして残すキーと値の組の配列を作り、それを Object.fromEntries することで結果を得るという方法でやるならば以下です。

const newObj = Object.fromEntries(Object.entries(obj).filter(([_k, staff]) => !('b' in staff)));

• CODEPEN: https://codepen.io/alphabeta12/pen/XWYLXdg?editors=0012

参考

こんな方法もあります。lodashというライブラリのomitByメソッドを使います。

const newObj = _.omitBy(obj, staff => 'b' in staff);

• CODEPEN: https://codepen.io/alphabeta12/pen/rNKEOZL?editors=0012

各スタッフオブジェクトのプロパティa, b, cはどれも値としては0より大きい数値であることを前提にしてよければ、さらに手短に

const newObj = _.omitBy(obj, 'b');

と書いても期待する結果が得られます。

• CODEPEN: https://codepen.io/alphabeta12/pen/RwJzrwe?editors=0012

Answer 2

mapを使う限り、結果として得られる配列は、入力の配列と同じ要素数となり、要素数を変更するにはfilterなど別個の手段が必要となります。

他のやり方としては、

• 結果配列を別に用意して、ループはforEachで回し、条件に合うものだけ入れていく
• 上のやり方と同様なことをreduceで回す
• flatMapを使って、条件を満たさないものの場合は空配列を返して結果配列から消し去る

などが考えられます。

Comments

[latte217]

maisumakun様　即答いただきありがとうございます。
　要素数の件は勉強不足でした。ありがとうございます。

　試しにforEachで作成し、希望の結果を得ることができました。
コメントはマークダウンで記載できないようなのでべた書きとなって申し訳ありません。

　```
const obj ={staffA:{a:1,b:1},staffB:{a:2},staffC:{a:3,b:3,c:3},staffD:{a:4}}
let newArr=[]
Object.keys(obj).forEach((item)=>{
if(!obj[item].b){
newArr.push([item,obj[item]])
}
})
let newObj = Object.fromEntries(newArr)
console.log(newObj)
```

Answer 3

なぜかstaffA などがundefinedで戻ってくるため、処理した後の配列checkedArr から、undefinedをfilter()で取り除くという処理をしています。

map() は必ず 1:1 の変換で、要素の削除はできません。filter() してから map() すべきでしょう。

Comments

[latte217]

int32_t様　即答いただきありがとうございました。
知識不足で大変申し訳ありません。
undefinedがmapで含まれる理由がよくわかりました。勉強不足でした。

ご指導いただきました、
＞filter() してから map() すべきでしょう。
についてもう少し詳しく教えていただけるとたすかります。

お忙しい中申し訳ありませんがよろしくお願いいたします

[int32_t]

Object.keys(obj).filter(key => !obj[key].b).map(key => [key, obj[key]]);

ということです。