引导者## JavaScript 读取 JSON 数据### 简介JSON（JavaScript Object Notation）是一种轻量级的数据交换格式，常用于前后端数据传输。JavaScript 提供了便捷的 API 来解析和处理 JSON 数据。### 读取 JSON 字符串#### 1. 使用 `JSON.parse()` 方法`JSON.parse()` 方法可以将 JSON 字符串解析为 JavaScript 对象。```javascript const jsonString = '{"name": "John", "age": 30, "city": "New York"}'; const jsonObject = JSON.parse(jsonString);console.log(jsonObject.name); // 输出 "John" console.log(jsonObject.age); // 输出 30 console.log(jsonObject.city); // 输出 "New York" ```#### 2. 处理解析错误如果 JSON 字符串格式不正确，`JSON.parse()` 方法会抛出错误。可以使用 `try...catch` 语句捕获错误。```javascript const invalidJsonString = '{"name": "John", "age": 30, "city": "New York"'; try {const jsonObject = JSON.parse(invalidJsonString); } catch (error) {console.error("Invalid JSON string:", error); } ```### 读取 JSON 文件#### 1. 使用 `fetch()` 方法 (适用于网页)在网页环境中，可以使用 `fetch()` 方法获取 JSON 文件并解析。```javascript fetch('data.json').then(response => response.json()).then(data => {console.log(data); // 输出 JSON 文件内容}).catch(error => {console.error("Error fetching JSON file:", error);}); ```#### 2. 使用 Node.js 中的 `fs` 模块 (适用于服务器端)在 Node.js 环境中，可以使用 `fs` 模块读取 JSON 文件并解析。```javascript const fs = require('fs');fs.readFile('data.json', 'utf8', (err, data) => {if (err) {console.error("Error reading JSON file:", err);return;}try {const jsonObject = JSON.parse(data);console.log(jsonObject); // 输出 JSON 文件内容} catch (error) {console.error("Invalid JSON file:", error);} }); ```### 总结JavaScript 提供了多种方式来读取和解析 JSON 数据，无论是在网页还是服务器端环境中都能方便地处理 JSON 格式的数据。
JavaScript 读取 JSON 数据
简介JSON（JavaScript Object Notation）是一种轻量级的数据交换格式，常用于前后端数据传输。JavaScript 提供了便捷的 API 来解析和处理 JSON 数据。
读取 JSON 字符串
1. 使用 `JSON.parse()` 方法`JSON.parse()` 方法可以将 JSON 字符串解析为 JavaScript 对象。```javascript const jsonString = '{"name": "John", "age": 30, "city": "New York"}'; const jsonObject = JSON.parse(jsonString);console.log(jsonObject.name); // 输出 "John" console.log(jsonObject.age); // 输出 30 console.log(jsonObject.city); // 输出 "New York" ```
2. 处理解析错误如果 JSON 字符串格式不正确，`JSON.parse()` 方法会抛出错误。可以使用 `try...catch` 语句捕获错误。```javascript const invalidJsonString = '{"name": "John", "age": 30, "city": "New York"'; try {const jsonObject = JSON.parse(invalidJsonString); } catch (error) {console.error("Invalid JSON string:", error); } ```
读取 JSON 文件
1. 使用 `fetch()` 方法 (适用于网页)在网页环境中，可以使用 `fetch()` 方法获取 JSON 文件并解析。```javascript fetch('data.json').then(response => response.json()).then(data => {console.log(data); // 输出 JSON 文件内容}).catch(error => {console.error("Error fetching JSON file:", error);}); ```
2. 使用 Node.js 中的 `fs` 模块 (适用于服务器端)在 Node.js 环境中，可以使用 `fs` 模块读取 JSON 文件并解析。```javascript const fs = require('fs');fs.readFile('data.json', 'utf8', (err, data) => {if (err) {console.error("Error reading JSON file:", err);return;}try {const jsonObject = JSON.parse(data);console.log(jsonObject); // 输出 JSON 文件内容} catch (error) {console.error("Invalid JSON file:", error);} }); ```
总结JavaScript 提供了多种方式来读取和解析 JSON 数据，无论是在网页还是服务器端环境中都能方便地处理 JSON 格式的数据。
