在编写前端自动化测试代码时，我们通常需要比较两个 JavaScript 对象的属性是否相等。Jest 是一款流行的 JavaScript 测试框架，它提供了两种主要的属性匹配方法：toBe 和 toEqual。这两种方法看起来很相似，但它们之间存在一些关键区别。在本文中，我们将探讨这些区别，并提供一些使用方法和建议。
toBe 和 toEqual 方法的区别
toBe 方法用于比较两个变量的值和类型是否相等。它使用 JavaScript 的 === 操作符来执行比较操作。如果两个变量的值和类型都相等，则 toBe 方法返回 true，否则返回 false。
-- -------------------- ---- ------- ---------- ------ ------ ------- ------ --- ------- -- -- - -------- - ----------- -- ---- ------------------------------ -- ---- ------------------------ -- ---- ---------------------------------- -- ---- -------- - ------------- -- ----- ------------------------------ -- ----- ------------------------- -- ----- ----------------------------- -- ----- ---
toEqual 方法用于比较两个变量的值是否相等。它使用 JavaScript 的 == 操作符来执行比较操作。如果两个变量的值相等，则 toEqual 方法返回 true，否则返回 false。
-- -------------------- ---- ------- ------------- ------ ------ ------- ------ ------ -- -- - -------- - -------------- -- ---- --------------------------------- -- ---- --------------------------- -- ---- ------------------------------------- -- ---- -------- - ---------------- -- ----- --------------------------------- -- ----- ---------------------------- -- ----- -------------------------------- -- ----- ---
由于 toBe 方法使用 === 操作符，因此它可以区分数字和字符串、布尔值和数字等。但是它不能区分 null 和 undefined。相反，toEqual 方法使用 == 操作符，因此它可以忽略变量的类型，但是它无法区分 0 和 false、1 和 true 等。
何时使用 toBe 和 toEqual 方法
根据上面的区别，我们可以得出一些使用 toBe 和 toEqual 方法的建议。
当我们需要比较两个变量的值和类型时，应该使用 toBe 方法。
expect(age).toBe(18);
expect(name).toBe('Jack');
expect(isValid).toBe(true);
expect(age).not.toBe('18');当我们需要比较两个变量的值时，应该使用 toEqual 方法。
expect(person).toEqual({ name: 'Jack', age: 18 });
expect(list).toEqual([1, 2, 3]);
expect(data).toEqual({});
expect(person).not.toEqual({ name: 'Jack', age: 19 });使用 toStrictEqual 方法
除了 toBe 和 toEqual 方法外，Jest 还提供了 toStrictEqual 方法。它用于比较两个变量的值和类型是否完全相等。它比 toEqual 方法更严格，因为它要求两个变量的原型、构造函数和属性都完全相等。
-- -------------------- ---- -------
------------------- ------ ------ ------- ------- ------ --- ------------ -- -- -
----- ---- - - ----- ------- ---- -- --
-------- ------------ ---- -
--------- - -----
-------- - ----
-
----- ------ - --- -------------- ----
---------------------------------
---------------------------- ----- ------- ---- -- ---
-----------------------------------
---总结
在编写前端自动化测试代码时，我们经常需要比较两个 JavaScript 对象的属性是否相等。Jest 是一款流行的 JavaScript 测试框架，它提供了两种主要的属性匹配方法：toBe 和 toEqual。toBe 方法用于比较两个变量的值和类型是否相等，而 toEqual 方法用于比较两个变量的值是否相等。根据具体需求，我们可以选择合适的方法进行对象属性匹配。此外，Jest 还提供了 toStrictEqual 方法，用于比较两个变量的值和类型是否完全相等。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64785b93968c7c53b049a87b