使用 RxJs groupBy 将对象作为键

Was*_*asp 5 javascript rxjs

我正在尝试groupBy与 RxJs一起使用,我需要使用对象作为键。如果我不这样做并且我使用,例如,像这样的简单字符串:

var types = stream.groupBy(
    function (e) { return e.x; }); //x is a string
Run Code Online (Sandbox Code Playgroud)

然后一切顺利,我的订阅被调用一次,并且只为每个不同的键调用一次。但是,如果我尝试使用对象,则会为 中的每个元素调用订阅stream,即使键恰好与之前的键相同。

对象相等性当然存在问题,但这是我感到困惑的地方,因为我不明白如何使用groupBy. 最新版本的文档说有第三个参数可以是comparer,但它永远不会被调用。早期的文档谈到了一个完全不同的想法的关键序列化器,但两种方法都不适合我。

查看 Rx 源代码,我看到尝试检查getHashCode函数,但我没有找到有关它的文档。像这样的代码:

var types = stream.groupBy(
    function (e) {
        return { x: e.x, y: e.y };   //is this valid at all?
    },
    function (e) { return e; },
    function (...) { return ???; }); //what am I supposed to do here?
Run Code Online (Sandbox Code Playgroud)

是我想写的,但没有运气,我为第三个回调所做的一切都没有被调用。

这里有什么问题?

Bra*_*don 2

最简单的解决方案是确保您的关键函数返回数字或字符串。但如果你真的想返回一个对象作为你的键,那么你可以使用comparerandhashCode来帮助groupByhashCode您可以使用它来返回一个字符串,而不是(它valueOf要求您返回一个数字)。

hashCode并且valueOf应该类似于c# Object.GetHashCode工作。

他们应该返回一个值,使得:

  • 被认为相等的两个键每次都应该返回相同的值。
  • 被认为不相等的两个键通常应返回不同的值(以最大限度地减少冲突)。你越能确保这一点,词典的效率就越高。

区别在于hashCode应该返回数字和valueOf可以返回数字或字符串。因而valueOf更容易实施。

的规则comparer是它需要 2 个键值,并且应该返回true以指示相等和false指示不平等。

因此,您可以将示例写为:

var valueOf = function () {
    return JSON.stringify(this);
};

var keyCompare = function (a, b) { return a.x === b.x && a.y === b.y; };

var types = stream.groupBy(
    function (e) {
        return { x: e.x, y: e.y, valueOf: valueOf };   //is this valid at all?
    },
    function (e) { return e; },
    keyCompare);
Run Code Online (Sandbox Code Playgroud)

但是,如果您的valueOf函数实际上生成与您的比较器匹配的唯一值,并且您并不真正关心该键是否作为实际对象传输到下游,那么只需让您的生活更轻松,并将您的键转换为字符串并使用字符串键像这样:

var types = stream.groupBy(
    function (e) { return JSON.stringify({ x: e.x, y: e.y }); },
    function (e) { return e; });
Run Code Online (Sandbox Code Playgroud)