」工欲善其事,必先利其器。「—孔子《論語.錄靈公》
首頁 > 程式設計 > 什麼是 JSON?

什麼是 JSON?

發佈於2024-11-04
瀏覽:795

What is JSON?

使用 JSON

如果您是開發人員,您很可能聽過 JSON(JavaScript 物件表示法)。它無所不在!從 API 到設定文件,JSON 是交換資料的首選格式。但是我們如何在 Node.js 中使用它呢?讓我們用簡單的術語來分解它,並用一些現實世界的例子來幫助您。


什麼是 JSON?

簡單來說,JSON是一種用於儲存和交換資料的格式。它易於閱讀和編寫,這使得它在 Web 開發中非常受歡迎。看起來像這樣:

{
  "name": "Alice",
  "age": 25,
  "city": "Wonderland"
}

它基本上是鍵值對的集合,就像 JavaScript 物件一樣。但請記住:JSON 只是文本,需要將其轉換為物件才能在程式碼中使用。


在 Node.js 中解析 JSON

讓我們先取得一個 JSON 字串並將其轉換為我們可以使用的東西——JavaScript 物件。我們使用 JSON.parse().

來做到這一點

範例:解析 JSON

const jsonString = '{"name": "Alice", "age": 25, "city": "Wonderland"}';
const jsonObject = JSON.parse(jsonString);

console.log(jsonObject.name); // Output: Alice

這需要一個 JSON 字串,解析它,並將其轉換為 JavaScript 物件。現在您可以存取其屬性,例如姓名、年齡或城市。


將物件轉換為 JSON

如果您需要以 JSON 形式傳送資料怎麼辦?這就是 JSON.stringify() 的用武之地。它會取得 JavaScript 物件並將其轉換為 JSON 字串。

範例:將物件轉換為 JSON

const user = {
  name: "Alice",
  age: 25,
  city: "Wonderland"
};

const jsonString = JSON.stringify(user);
console.log(jsonString);
// Output: {"name":"Alice","age":25,"city":"Wonderland"}

當您建立 API 或將資料儲存為 JSON 時,這非常有用。


在 Node.js 中讀寫 JSON 文件

需要使用 JSON 檔案嗎? Node.js 透過 fs(檔案系統)模組讓這一切變得簡單。您可以輕鬆地讀寫 JSON 檔案。

範例:讀取 JSON 檔案

const fs = require('fs');

fs.readFile('data.json', 'utf8', (err, data) => {
  if (err) {
    console.error(err);
    return;
  }
  const jsonData = JSON.parse(data);
  console.log(jsonData);
});

這裡,我們使用 fs.readFile() 讀取 JSON 文件,然後將文件內容解析為 JavaScript 物件。現在您可以對數據做任何您想做的事!

範例:寫入 JSON 檔案

const fs = require('fs');

const user = {
  name: "Alice",
  age: 25,
  city: "Wonderland"
};

fs.writeFile('output.json', JSON.stringify(user, null, 2), (err) => {
  if (err) {
    console.error(err);
    return;
  }
  console.log('Data saved to output.json');
});

在這種情況下,JSON.stringify() 將物件轉換為漂亮的格式化 JSON 字串,然後 fs.writeFile() 將其儲存到檔案中。簡單的!


使用 HTTP 請求傳送和接收 JSON

建置 API 時,JSON 是發送和接收資料的首選格式。在 Express.js 中,您可以輕鬆傳送和接收 JSON 資料。

範例:在回應中傳送 JSON

const express = require('express');
const app = express();

app.get('/user', (req, res) => {
  const user = { name: "Alice", age: 25, city: "Wonderland" };
  res.json(user);
});

app.listen(3000, () => console.log('Server running on port 3000'));

在這裡,我們發送一個 JSON 物件作為對 HTTP GET 請求的回應。就像呼叫 res.json() 一樣簡單!

範例:在請求中接收 JSON

app.use(express.json()); // Middleware to parse JSON body

app.post('/user', (req, res) => {
  const user = req.body;
  console.log(user); // Output: { name: "Alice", age: 25, city: "Wonderland" }
  res.send('User received!');
});

在這個例子中,我們使用express.json()中間件自動解析來自請求正文的傳入JSON數據,將其轉換為我們可以使用的JavaScript物件。


處理 JSON 錯誤

如果得到錯誤的 JSON 資料怎麼辦?不用擔心——Node.js 具有內建的錯誤處理功能。讓我們看看如何捕捉這些錯誤。

範例:處理解析錯誤

const faultyJson = '{"name": "Alice", "age": 25'; // Oops, missing closing bracket

try {
  const jsonObj = JSON.parse(faultyJson);
} catch (error) {
  console.error('Failed to parse JSON:', error.message);
}

如果 JSON 損壞,JSON.parse() 將拋出錯誤。在這種情況下,try-catch 區塊可以幫助我們優雅地處理它。


總結

如果您在 Node.js 中處理數據,則必須了解 JSON。無論您是解析、建立、讀取還是發送 JSON 數據,Node.js 中的內建方法都會讓一切變得簡單。使用 JSON.parse() 將字串轉換為對象,使用 JSON.stringify() 將字串轉換為對象,使用 Express.js 在 API 中實現平滑的 JSON 處理。

舒適地使用 JSON,您將擁有開發人員工具包中最有價值的工具之一!


參考:

  1. Node.js 文件:使用 JSON
  2. Express.js 指南:處理 JSON 請求
  3. MDN 網路文件:JSON.parse()

感謝您的閱讀,祝您編碼愉快! ?

版本聲明 本文轉載於:https://dev.to/hakimmohamed/what-is-json-3fi4?1如有侵犯,請聯絡[email protected]刪除
最新教學 更多>
  • 在 Go 中使用 WebSocket 進行即時通信
    在 Go 中使用 WebSocket 進行即時通信
    构建需要实时更新的应用程序(例如聊天应用程序、实时通知或协作工具)需要一种比传统 HTTP 更快、更具交互性的通信方法。这就是 WebSockets 发挥作用的地方!今天,我们将探讨如何在 Go 中使用 WebSocket,以便您可以向应用程序添加实时功能。 在这篇文章中,我们将介绍: WebSoc...
    程式設計 發佈於2024-11-18
  • 如果 Go 函數發生緊急情況,如何回傳錯誤?
    如果 Go 函數發生緊急情況,如何回傳錯誤?
    從Go 中的Defer 返回您遇到了這樣的問題:如果Go 中的函數發生緊急情況,您希望返回錯誤。這是對您的程式碼的分析和修復:func getReport(filename string) (rep report, err error) { rep.data = make(map[strin...
    程式設計 發佈於2024-11-18
  • 如何在 PHP 中組合兩個關聯數組,同時保留唯一 ID 並處理重複名稱?
    如何在 PHP 中組合兩個關聯數組,同時保留唯一 ID 並處理重複名稱?
    在 PHP 中組合關聯數組在 PHP 中,將兩個關聯數組組合成一個數組是常見任務。考慮以下請求:問題描述:提供的代碼定義了兩個關聯數組,$array1 和 $array2。目標是建立一個新陣列 $array3,它合併兩個陣列中的所有鍵值對。 此外,提供的陣列具有唯一的 ID,而名稱可能重疊。要求是建...
    程式設計 發佈於2024-11-17
  • Bootstrap 4 Beta 中的列偏移發生了什麼事?
    Bootstrap 4 Beta 中的列偏移發生了什麼事?
    Bootstrap 4 Beta:列偏移的刪除和恢復Bootstrap 4 在其Beta 1 版本中引入了重大更改柱子偏移了。然而,隨著 Beta 2 的後續發布,這些變化已經逆轉。 從 offset-md-* 到 ml-auto在 Bootstrap 4 Beta 1 中, offset-md-*...
    程式設計 發佈於2024-11-17
  • 如何有效調試 Python 程式碼:實用技巧和工具
    如何有效調試 Python 程式碼:實用技巧和工具
    Python 調試:實用技巧與工具Python 調試:實用技巧與工具在對Python 程式碼進行故障排除時,擁有一個可供使用的調試技術工具包至關重要。以下是一些非常有效的技巧:PDB:強大的斷點工具import pdb a = "a string" pdb.set_trace()...
    程式設計 發佈於2024-11-17
  • 如何在不重新啟動伺服器的情況下清除MySQL查詢快取?
    如何在不重新啟動伺服器的情況下清除MySQL查詢快取?
    在不恢復伺服器的情況下減輕MySQL 查詢快取儘管MySQL 查詢快取提供了更高的效能,但在需要時可能會發生這種情況可以在不中斷伺服器運行的情況下進行清除。以下是實現此目的的一些方法:重置查詢快取如果執行命令的使用者俱有重新載入權限,則可以使用以下命令明確刪除查詢快取指令:RESET QUERY C...
    程式設計 發佈於2024-11-17
  • MySQL 如何處理表名和列名的區分大小寫?
    MySQL 如何處理表名和列名的區分大小寫?
    MySQL 中列名和表名的大小寫敏感度MySQL 中的大小寫敏感度主題可能會讓許多用戶感到困惑。了解列名和表名的大小寫敏感度對於確保正確的資料庫操作和避免潛在的陷阱至關重要。 表名表名是否區分大小寫取決於在執行 MySQL 伺服器的作業系統上。在基於 Unix 的系統(例如 Linux)上,表名稱區...
    程式設計 發佈於2024-11-17
  • 為什麼將常數引用綁定到臨時物件會延長其生命週期?
    為什麼將常數引用綁定到臨時物件會延長其生命週期?
    為什麼將常數引用綁定到臨時物件會延長臨時物件的生命週期? C 程式語言允許常數引用來延長臨時物件的生命週期。這種行為一直是許多爭論的主題,有些人認為它可以提高程式碼設計的效能和靈活性。 這種語言功能的起源可以追溯到 1993 年,當時它被提議作為以下問題的解決方案:綁定到引用時臨時變數的處理不一致。...
    程式設計 發佈於2024-11-17
  • 如何在共享主機的子目錄中託管 Laravel 專案而不在 URL 中暴露“/public”
    如何在共享主機的子目錄中託管 Laravel 專案而不在 URL 中暴露“/public”
    在共享主機上託管 Laravel 專案時,一個常見的挑戰是確保 URL 不需要 /public 目錄。這是在子目錄中託管 Laravel 應用程式同時保持 URL 乾淨的逐步指南。 第 1 步:將 Laravel 專案上傳到伺服器 登入您的託管帳戶並存取您的文件管理器。 導覽至 ...
    程式設計 發佈於2024-11-17
  • 程式設計面試中解決問題的終極指南
    程式設計面試中解決問題的終極指南
    Common Strategies for Coding Interview Questions Two Pointers The two pointers technique is often used to solve array-related problem...
    程式設計 發佈於2024-11-17
  • 為什麼 ASAP (Atlassian) Auth 是 REST API 驗證的快速且安全的選擇?
    為什麼 ASAP (Atlassian) Auth 是 REST API 驗證的快速且安全的選擇?
    作为一名广泛使用 API 的高级开发人员,安全性和效率始终是重中之重。在保护 REST API 方面,有多种身份验证方法可用,但并非所有方法都是相同的。 Atlassian 的 ASAP(服务和项目身份验证)Auth 作为一个强大、可扩展且安全的选项而脱颖而出,特别是在处理需要强大身份验证机制的...
    程式設計 發佈於2024-11-17
  • Flexbox、Box 或 Flexbox:您應該使用哪種顯示屬性?
    Flexbox、Box 或 Flexbox:您應該使用哪種顯示屬性?
    靈活盒子模型:顯示:Flex、Box、Flexbox在 CSS3 領域,靈活盒子模型徹底改變了方式我們佈局元素。然而,豐富的顯示屬性值可能會令人困惑。 display: flex、display: box 和 display: flexbox 有什麼差別? Display: BoxFirefox 2...
    程式設計 發佈於2024-11-17
  • 如何在不使用 Python 的情況下使用 C++ 計算複雜的數學表達式?
    如何在不使用 Python 的情況下使用 C++ 計算複雜的數學表達式?
    如何在不整合Python 的情況下評估C 中的自訂數學表達式在沒有外部庫或運行時環境的情況下評估C 中的複雜數學表達式可能具有挑戰性。然而,ExprTk 庫提供了一個優雅且高效的解決方案。 讓我們考慮一個範例表達式:3 sqrt(5) pow(3, 2) log(5)使用ExprTk,我...
    程式設計 發佈於2024-11-17
  • API 設計中 HTTP 狀態碼的終極參考
    API 設計中 HTTP 狀態碼的終極參考
    在 Web 开发和 API 设计领域,HTTP 状态代码在客户端和服务器之间传达请求结果方面发挥着至关重要的作用。这些代码提供了一种标准化的方式来指示在处理 HTTP 请求期间发生的特定条件、成功或错误。了解这些状态代码对于开发人员至关重要,因为它有助于调试、错误处理和创建更强大的应用程序。 ...
    程式設計 發佈於2024-11-17
  • gRPC 和 Go:建立高效能 Web 服務
    gRPC 和 Go:建立高效能 Web 服務
    介紹 在微服務和分散式系統的世界中,服務之間的高效通訊至關重要。這就是 Google 開發的高效能 RPC(遠端過程呼叫)框架 gRPC 發揮作用的地方。與 Go(一種專為簡單和高效而設計的靜態類型編譯程式語言)相結合,gRPC 可以幫助您建立強大且可擴展的 Web 服務。 ...
    程式設計 發佈於2024-11-17

免責聲明: 提供的所有資源部分來自互聯網,如果有侵犯您的版權或其他權益,請說明詳細緣由並提供版權或權益證明然後發到郵箱:[email protected] 我們會在第一時間內為您處理。

Copyright© 2022 湘ICP备2022001581号-3