JSON文件是什么意思

這篇文章主要介紹了JSON文件是什么意思，具有一定借鑒價值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。

JSON 代表 JavaScript 對象表示法。JSON 文件以 .json 為擴展名，其中的數據以鍵：值對表示，就像傳統的 JavaScript 對象一樣。不過，JSON 和對象并不完全相同。核心區別在于JSON中的key必須是雙引號，除number和null之外的值也必須是雙引號。如果您在編程過程中使用過 API，您可能知道什么是 JSON，因為現在很多 API 數據都采用 JSON 格式。

基本 JSON 語法

{
  "key1": "value1",
  "key2": "value2",
  "key3": "value3",
  "key4": 7,
  "key5": null,
  "favFriends": ["Kolade", "Nithya", "Dammy", "Jack"],
  "favPlayers": {"one": "Kante", "two": "Hazard", "three": "Didier"}
}

接受的 JSON 數據類型

JSON 可以定義在一個對象或一個數組中，它可能包含多個對象。因此，對象和數組是 JSON 中自動可接受的數據類型。它支持的其他數據類型是布爾值、空值和字符串。

JSON 不支持 undefined、function 和 date 等數據類型。

此外，JSON 還可以擴展為其他數據格式，這些格式可能接受原始 JSON 不接受的額外數據類型。

此類擴展的示例是 GeoJSON 和 BSON。GeoJSON 用于表示地理數據，而流行的數據庫服務提供商 MongoDB 使用 BSON。

例如，BSON 接受正則表達式、日期和時間戳作為數據類型，而 JSON 不接受。

JSON 語法規則

JSON 在支持的數據類型方面非常嚴格。如果您在代碼編輯器中安裝了 linter，它會在您輸入不受支持的數據類型或違反語法規則時立即通知您存在錯誤。

要知道的 JSON 語法規則：

• 如果將文件表示為對象，則文件中的所有數據必須用大括號括起來，如果它是數組，則必須用方括號括起來。

• 不允許單引號

• 每個 JSON 中的鍵必須是唯一的，并且必須用雙引號引起來

• 數字不能用雙引號括起來，否則它們將被視為字符串。

• 空數據類型不能用雙引號括起來。

• 布爾值只能為真或假。

• 除最后一項外，每個鍵值對都必須以逗號結尾

• 數組中的特定對象也必須以逗號結尾。

JSON 數據如何發送到客戶端（瀏覽器）

JSON 是出于將數據從服務器（例如數據庫）實時發送到客戶端（瀏覽器）的需要而創建的。

但是 JSON 數據不能以其原始的鍵值對形式傳輸到瀏覽器，因此編程語言有操作 JSON 數據的方法。

例如，在 JavaScript 中，JSON.parse()將 JSON 數據轉換為對象，JSON.stringify()并將對象的鍵值對轉換為 JSON 數據。

Python 提供了諸如json.loads()將現有字符串轉換為 JSON 以及json.dumps()將對象轉換為 JSON 字符串等方法。

您可以使用 JavaScript 提供的兩種方法將基本 JSON 語法中的數據發送到瀏覽器。

如何使用 JavaScript 將 JSON 數據發送到客戶端（瀏覽器）

該JSON.stringify()方法返回一個與 JavaScript 對象完全相同的 JSON 字符串。您可以將它與 DOM 操作方法結合使用以在瀏覽器中顯示 JSON 數據，就像我在下面的代碼片段中所做的那樣：

<h3>Here is the Data from the JSON:</h3> 
<div id="json"></div>

 const JSONData = {
    "key1": "value1",
    "key2": "value2",
    "key3": "value3",
    "key4": 7,
    "key5": null,
    "favFriends": ["Kolade", "Nithya", "Dammy", "Jack"],
    "favPlayers": {"one": "Kante", "two": "Hazard", "three": "Didier"}
}

const JSONString = JSON.stringify(JSONData)
const JSONDisplay = document.querySelector("#json")
JSONDisplay.innerHTML = JSONString

在 JavaScript 代碼中，我們將 JSON 數據聲明為帶有標識符 (name) 的對象字面量JSONData。我們使用 JavaScript 的JSON.stringify()方法將其轉換為字符串，并使用 DOM 的查詢選擇器方法獲取 HTML 中的空 div。這使得使用innerHTMLDOM 操作方法填充其中的 JSON 數據成為可能。

我們可以使用該JSON.parse()方法將 JSON 數據轉換為對象——它正在運行：

<h3>Here is the Data from the JSON:</h3>
<div id="json"></div>

const JSONData =
     '{"name": "Kolade", "favFriends": ["Kolade", "Nithya", "Rocco", "Jack"], "from": "Africa"}';

   try {
     const JSONString = JSON.parse(JSONData);
     const JSONDisplay = document.querySelector("#json");
     JSONDisplay.innerHTML = JSONString.name + ", [" + JSONString.favFriends + "], " + JSONString.from;
   } catch (error) {
     console.log("Cannot parse the JSON Data");
   }

瀏覽器中的結果輸出如下所示：

感謝你能夠認真閱讀完這篇文章，希望小編分享的“JSON文件是什么意思”這篇文章對大家有幫助，同時也希望大家多多支持億速云，關注億速云行業資訊頻道，更多相關知識等著你來學習!