JSON（JavaScript Object Notation）是当今最流行的数据交换格式之一。在 Web 开发中，大量的前后端数据交换均采用 JSON 格式。因此，对于前端工程师来说，掌握在 Express.js 中处理 JSON 数据的技巧非常重要。
本文将带领您从零开始，了解在 Express.js 中如何处理 JSON 数据，以及相关的一些技术要点。
为什么要使用 JSON？
在介绍如何在 Express.js 中处理 JSON 数据之前，我们需要先了解一下 JSON 的优点。
JSON 是一种轻量级的数据交换格式，具有以下几点优势：
- 语法简单易懂，容易阅读和编写。
- 支持多种数据类型，包括数字、字符串、布尔值、对象和数组等。
- 支持多种语言和框架，保证数据的通用性。
- 具有良好的可扩展性，支持嵌套、对象引用等特性。
由于这些优点，JSON 已经成为了前后端数据交换的主要格式，因此对于前端工程师来说，不仅需要了解 JSON 的语法和数据结构，还需要掌握在 Express.js 中处理 JSON 数据的技巧。
Express.js 中的 JSON 处理方式
在 Express.js 中，处理 JSON 数据是非常简单的，只需要使用内置的中间件 bodyParser.json() 或者 express.json() 即可。
-- -------------------- ---- ------- ----- ------- - ------------------ ----- --- - --------- -- -- ---------- -------- ----- ---------- - ---------------------- --------------------------- -- ---- ------- -------- ------------------------
这两个中间件基本相同，都用于解析 HTTP 请求体，将 JSON 字符串转换为 JavaScript 对象，以便我们在后续的代码中使用。
一般情况下，我们在使用这两个中间件时，都会将它们应用在路由中，以便处理每个请求。例如：
app.post('/users', (req, res) => {
const body = req.body
console.log(body)
res.send('Hello World!')
})在这个示例中，我们使用 POST 方法向 /users 路由发送一个包含 JSON 数据的请求。中间件 bodyParser.json() 会解析请求体，将 JSON 数据转换为 JavaScript 对象，并将其保存在 req.body 中。接下来，我们可以通过 req.body 获取 JSON 数据，并在控制台中打印出来。
JSON 的编码与解码
除了上面介绍的 bodyParser.json() 和 express.json() 这两个中间件外，我们还可以使用其他方法来编码和解码 JSON 数据。
JSON.stringify() 方法
JSON.stringify() 方法是将 JavaScript 对象转换为 JSON 字符串的常用方法。它接受一个 JavaScript 对象作为参数，并返回一个 JSON 字符串。
例如：
const data = { name: 'Peter', age: 20 }
const json = JSON.stringify(data)
console.log(json) // 输出：{"name":"Peter","age":20}JSON.parse() 方法
JSON.parse() 方法是将 JSON 字符串转换为 JavaScript 对象的常用方法。它接受一个 JSON 字符串作为参数，并返回一个 JavaScript 对象。
例如：
const json = '{"name":"Peter","age":20}'
const data = JSON.parse(json)
console.log(data) // 输出：{ name: 'Peter', age: 20 }在 Express.js 中，我们可以使用 JSON.stringify() 和 JSON.parse() 方法编码和解码 JSON 数据。例如：
app.post('/users', (req, res) => {
const body = JSON.stringify(req.body)
console.log(body)
const data = JSON.parse(body)
console.log(data)
res.send('Hello World!')
})在这个示例中，我们使用 JSON.stringify() 方法将 req.body 对象转换为 JSON 字符串，然后使用 JSON.parse() 方法将其转换为 JavaScript 对象，并在控制台中打印出来。
总结
本文介绍了如何在 Express.js 中处理 JSON 数据，并讲述了 JSON 的编码与解码方法。掌握在 Express.js 中处理 JSON 数据的技巧，对于前端开发来说非常重要，希望本文能为您提供一些帮助。
参考资料
- https://www.json.org/
- https://expressjs.com/zh-cn/guide/using-middleware.html#middleware.bodyParser.urlencoded
- https://expressjs.com/zh-cn/api.html#express.json
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64f73119f6b2d6eab3fb6d98