JavaScript 中的 JSON 分組物件

---

在給定的問題陳述中，我們被要求利用 JavaScript 功能對 JSON 物件進行分組。這個問題可以用 JavaScript 中的一個簡單演算法來解決。

什麼是 JSON？

JSON（JavaScript 物件表示法）是一種輕量級資料，可以在兩個裝置之間傳輸。這種資料可以被人讀取和寫入。JSON 物件以鍵值對的形式表示。鍵是字串，用於定義值。在 JSON 中，每個條目都用分號隔開。例如 - {“Car” : “Audi”}，在這個例子中，Car 是鍵，Audi 是它的值。

const jsonData = [
  { team: 'TeamA', code: 20 },
  { team: 'TeamB', code: 30 },
  { team: 'TeamC', code: 40 },
  { team: 'TeamD', code: 50 },
]

JSON 是一種文字格式，它是一種完全獨立的語言，它使用簡單易懂的語法將資料顯示為鍵值對。它也稱為值的陣列。JSON 物件用花括號 {} 括起來。鍵必須是字串值，而值可以是任何有效的資料型別，例如字串、數字、布林值、空值、陣列，也可以是巢狀的 JSON 物件。我們也可以說 JSON 物件中的值可以是另一個 JSON 物件或陣列。

對 JSON 物件執行的操作

我們可以對 JSON 物件執行多種操作，包括

• 我們可以使用點表示法或括號表示法訪問值。例如 obj.key 或 obj["key"]。

• 我們可以使用點表示法或括號表示法修改 JSON 物件中的值。例如，obj.key = newValue 或 obj["key"] = newValue。

• 第三個操作是新增鍵值對。我們可以使用點表示法或括號表示法執行此操作。例如：obj.newKey = newValue 或 obj["newKey"] = newValue。

• 我們也可以使用點表示法或括號表示法刪除鍵值。例如，delete obj.key。

• 接下來是轉換為字串。我們可以使用 JSON.stringify() 方法將 JSON 物件轉換為字串物件。

• 與第五個相反。我們可以使用 JSON.parse() 將字串值轉換為 JSON 物件。

• 要迭代鍵值對，我們可以使用 for 迴圈迭代 JSON 物件中的鍵並訪問它們各自的值。

• 我們還可以使用 Object.assign() 方法建立 JSON 物件的淺複製。

演算法 - 使用索引值訪問

步驟 1： 在演算法開始時，建立一個 JavaScript 物件併為其指定名稱和成員屬性。在成員屬性中，新增一個包含“name”和“age”屬性的物件陣列。

步驟 2： 現在我們將使用點表示法或括號表示法來訪問分組物件的屬性及其成員。

示例

// define a json object
const jsonGroup = {
    "name": "Team A",
    "members": [
        {"name": "Alex", "age": 22},
        {"name": "Mack", "age": 25},
        {"name": "Chaplin", "age": 26},
        {"name": "David", "age": 38}
    ]
};

//console the output as required
console.log(jsonGroup.name);
console.log(jsonGroup.members[0].name);
console.log(jsonGroup.members[1].age);

輸出

Team A
Alex
25

演算法 - 操作 JSON 分組物件

步驟 1：首先，我們將建立一個名為“group”的物件，它具有名為 name 和 members 的屬性。members 也具有名為“name”和“age”的兩個屬性。

步驟 2：現在使用 console.log 列印 group 名稱以顯示初始 JSON 物件。

步驟 3：繼步驟 2 之後，現在迴圈遍歷 members 物件中的每個成員，並使用它列印姓名和年齡。

步驟 4：在此步驟中，使用點表示法和 push 方法新增一個新成員。

步驟 5：在步驟 4 之後，現在使用 JavaScript 的 sort() 方法按年齡對 members 屬性進行排序。

步驟 6：最後，使用 for 迴圈列印排序陣列中所有成員鍵的姓名和年齡。

示例

// Create a group object
let group = {
  name: "Team A",
  members: [
    {name: "Alice", age: 25},
    {name: "Bob", age: 30},
    {name: "Charlie", age: 27},
    {name: "Dave", age: 35}
  ]
};

// Print the group name
console.log(`Group Name: ${group.name}`);

// Print the name and age of each member
for (let member of group.members) {
  console.log(`${member.name} (${member.age})`);
}

// Add a new member to the group
group.members.push({name: "Eva", age: 28});

// Sort the members by age
group.members.sort((a, b) => a.age - b.age);

// Print the name and age of each member again
console.log("Sorted Members:");
for (let member of group.members) {
  console.log(`${member.name} (${member.age})`);

輸出

Group Name: Team A
Alice (25)
Bob (30)
Charlie (27)
Dave (35)
Sorted Members:
Alice (25)
Charlie (27)
Eva (28)
Bob (30)
Dave (35)

時間複雜度

訪問 JavaScript 物件屬性的平均時間複雜度為 O(1)，如果物件具有大量屬性，則最壞情況為 O(n)。JSON 物件的空間複雜度取決於組成員的數量和各個成員的特性。

結論

JavaScript 可以輕鬆地使用 JSON 分組物件表示一系列相關資料。我們可以結合屬性和陣列來構建資料的組織和訪問結構。在處理大型 JSON 文件時，務必考慮訪問資料的時間和空間複雜度。