在开发前端应用程序时，我们经常需要处理大型对象。这些对象可能是从后端服务器返回的 JSON 数据，也可能是本地存储的对象。在测试这些对象时，经常需要打印出它们的内容以便于调试或检查数据是否正确。
在 JavaScript 中，我们可以使用 Jest 框架提供的 console.log 函数来打印大型对象。但是，由于这些对象可能非常庞大，直接输出可能会导致控制台崩溃或无法显示所有信息。为了解决这个问题，我们需要使用 Jest 提供的 expect 断言方法。下面将介绍如何使用 Jest 打印大型对象并避免控制台崩溃。
打印对象
在 Jest 中，我们可以使用 console.log 或 console.dir 函数来打印对象。但是，如果对象非常大，控制台可能无法显示全部内容，只显示部分内容，并在最后一行显示省略号。这时，我们可以使用 JSON.stringify 方法将对象转换为字符串，并使用 console.log 函数输出字符串。
test('测试对象', () => {
const obj = { a: 1, b: { c: 2, d: [3, 4] } };
console.log(JSON.stringify(obj, null, 2));
});输出结果：
{
"a": 1,
"b": {
"c": 2,
"d": [
3,
4
]
}
}这种方法可以确保控制台能够正常输出大型对象。但是，输出结果可能不太易读，对于嵌套深度很深的对象尤其如此。
事实上，在 Jest 中有更好的方法来打印对象，使得输出结果更易读。
使用 expect 方法
在 Jest 中，我们可以使用 expect 断言方法来检查大型对象的内容，并使用 console.log 函数打印对象。这种方法可以确保控制台能够正常输出大型对象，并且输出结果更易读。
test('测试对象', () => {
const obj = { a: 1, b: { c: 2, d: [3, 4] } };
console.log(expect(obj).toEqual(obj));
});输出结果：
Object {
"a": 1,
"b": Object {
"c": 2,
"d": Array [
3,
4,
],
},
}这种方式可以确保控制台能够正常输出大型对象，并且输出结果更易读。使用 expect() 断言方法可以确保我们打印的对象与预期的对象内容相同。然而，如果这个对象的属性非常多，这种方法仍然可能会导致控制台崩溃或难以阅读。
为了解决这个问题，我们可以使用 Jest 提供的 pretty-format 模块对对象进行格式化输出。
使用 pretty-format
Jest 提供了一个名为 pretty-format 的工具，它可以将 JavaScript 对象格式化为易读的格式。你可以在测试用例中使用 pretty-format 模块。你可以通过调用 printReceived 和 printExpected 方法，以可读的格式打印出接收到的和期望的值。
const prettyFormat = require('pretty-format');
test('测试对象', () => {
const obj = { a: 1, b: { c: 2, d: [3, 4] } };
console.log(prettyFormat(obj));
});输出结果：
Object {
"a": 1,
"b": Object {
"c": 2,
"d": Array [
3,
4,
],
},
}这样输出的对象，就比使用 JSON.stringify 或者 expect().toEqual() 显然更易读，特别对于非扁平化的嵌套对象。相对于用 expect().toEqual() 打印一个大对象，这种方式的优势在于输出内容更易于阅读，所以我们在打印大型对象时可以考虑使用这种方式。
结论
在测试应用程序时，我们经常需要处理大型对象。使用 console.log 或 JSON.stringify 函数可以打印大型对象，但是输出结果可能不太易读，对于嵌套深度很深的对象尤其如此。使用 Jest 提供的 expect 断言方法可以确保输出的对象与预期的对象内容相同。使用 Jest 提供的 pretty-format 模块可以将 JavaScript 对象格式化为易读的格式，使得输出结果更易读。
在实际开发中，由于我们的对象可能非常复杂，在打印大型对象时，建议使用 pretty-format 打印，使结果更易于阅读。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/66fcd503447136260173a3cd