使用RxJS过滤对象的对象

Question

我有以下信息流，我想过滤并仅保留true（boolean）的参数。

{
  "colors": {
    "red": "",
    "yellow": true,
    "green": false
  },
  "size": {
    "t5": true,
    "t10": "",
    "t20": true
  }
}

我需要输出看起来像这样：

{
  "colors": ["yellow"],
  "size": ["t5,t20"]
}

这是我尝试处理此问题时的提示：

• 我尝试使用地图，但没有成功。 我猜是因为它是一个对象而不是数组。
• 该对象中的所有键和值都是动态的，因此我无法使用它们来操作对象。
• flatMap（）对我有帮助，但是我不知道该怎么做，因为我不知道键的名称。

this.form.valueChanges
  .debounceTime(400)
  .flatMap(x => Object.values(x))
  .subscribe(console.log)

Answer 1

这不是rxjs问题，只是普通的js映射：

getTruthyKeys(obj: any): Array<string> {
   return Object.keys(obj).filter(key => obj[key] === true);
}

mainKeysToTruthyLists(obj: any): Array<{key: string, truthy: Array<string>}> {
  let result = {};
  Object.keys(obj).forEach(key => result[key] = getTruthyKeys(obj[key]);
  return result;
}

现在您可以将其作为地图应用于您的信息流：

this.form.valueChanges
  .debounceTime(400)
  .map(mainKeysToTruthyLists)
  .subscribe(console.log)

Answer 2

这实际上不是RxJS问题。 RxJS在这里要做的就是map 。 这可以通过Object.entries完成：

this.form.valueChanges
.debounceTime(400)
.map(obj => {
  return Object.entries(obj)
  .reduce((newObj, [key, subObj]) => {
    const subArr = Object.entries(subObj)
    .filter(([, subValue]) => subValue)
    .map(([subKey]) => subKey);

    return Object.assign(newObj, { [key]: subArr });
  }, {})
})