如何在 JavaScript 中獲取 JSON 物件的大小?


在本文中,我們將學習在 JavaScript 中獲取 JSON 物件大小的各種方法。

在 JavaScript 中獲取物件的大小與計算物件鍵的總數相同。通常,我們可以使用兩種方法在 JavaScript 中獲取 JSON 物件的大小或鍵的數量。

使用 object.keys()

object.keys() 方法返回給定物件的可列舉屬性名稱的陣列,其順序與我們使用普通迴圈獲得的順序相同。以下是此方法的語法:

Object.keys(name_of_object).length;

示例

以下是如何在 JavaScript 中獲取 JSON 物件大小的示例。

<!DOCTYPE html>
<html lang="en">
<head>
   <title>Size of json</title>
</head>
<body>
   <script>
      var myObject = {
         name: "tutorialspoint",
         address: "above D-mart",
         city: "hyderabad",
      };
      var size = Object.keys(myObject).length;
      document.write(size);
   </script>
</body>
</html>

使用 for…in 迴圈

for…in 迴圈迭代物件的所有非符號、可列舉屬性。以下是for…in迴圈的語法:

for (let key in myObject){ … }:

在上面的 for 迴圈中,key 是物件的屬性,myObject 是物件的名。

示例

在這裡,我們嘗試使用for…in迴圈列印 JSON 物件的大小。

<!DOCTYPE html>
<html lang="en">
<head>
   <title>Size of json</title>
</head>
<body>
   <script>
      let myObject = {
         name: "tutorialspoint",
         address: "above D-mart",
         city: "hyderabad",
      };
      let count = 0; //declaring count as 0
      for (let key in myObject) {
         count++;
      }
      document.write(count);
   </script>
</body>
</html>

使用 for 迴圈

我們還可以使用 for 迴圈來獲取 JSON 物件中的元素數量,為此,您需要定義一個變數並在物件中迴圈(如果 JSON 將其分配給 JS 物件),並在每次迴圈執行時遞增變數。一旦迴圈讀取了物件的所有元素,您就可以列印大小。

示例

讓我們來看一個示例:

<!DOCTYPE html>
<html lang="en">
<head>
<title>Size of json</title>
</head>
<body>
   <script>
      Object.size = function (obj) {
         var size = 0,
         key;
         for (key in obj) {
            if (obj.hasOwnProperty(key)) size++;
        }
        return size;
      };
      var obj = {
         name: "tutorialspoint",
         address: "above D-mart",
         city: "hyderabad",
      };
      var size = Object.size(obj);
      document.write("The Object has a length of " + size);
   </script>
</body>
</html>

更新時間: 2022-12-19

9K+ 次瀏覽

開啟您的 職業生涯

透過完成課程獲得認證

立即開始
廣告