獲取 JavaScript 對象的長度

簡介

對像用於存儲一組屬性，每個屬性都可以看作是名稱（或鍵）和值（鍵值對的集合）之間的鏈接。

檢查 Object 的長度不是常見的基本操作；但是，了解如何實現這一點並避免一些不必要的錯誤至關重要。該對像沒有 length 默認屬性。 length 屬性只對數組和字符串可用。

例如：

let myObject = {firstName: "John", lastName: "Doe"};
let myString = 'John Doe';
let myArray = [71, 32, 78, 54];

console.log(myObject.length); // undefined
console.log(myString.length); // 8
console.log(myArray.length); // 4

在 JavaScript 中獲取對象的長度基本上有兩種方法：使用任何對象靜態方法或 for...in 循環法。讓我們從創建一個對像開始，可以使用對象字面量語法，也可以使用 new 關鍵字：

let subjectScores = {
    chemistry: 40,
    mathematics: 70,
    physics: 90,
    english: 68,
    biology: 77
};

//Or

let subjectScores = new Object();

subjectScores["chemistry"] = 40;
subjectScores["mathematics"] = 70;
subjectScores["physics"] = 90;
subjectScores["english"] = 68;
subjectScores["biology"] = 77;

使用對象靜態方法獲取對象長度

靜態方法是我們可以在任何對像上訪問的預定義方法。要確定一個對象的長度，我們可以使用對象靜態方法如Object.keys() , Object.values() , 和 Object.entries() .這些方法將鍵、值或鍵值對作為數組返回，允許我們使用 length 屬性來確定對象的長度。

用Object.keys()獲取對象的長度

Object.keys() 方法返回 Object 的屬性數組 ，然後我們將使用 length 屬性來獲取數組中元素的數量（對象的長度）。例如，利用我們在本文開頭創建的對象：

let objectLength = Object.keys(subjectScores).length; 
console.log(objectLength); // 5

用Object.values()獲取對象的長度

Object.values() 方法返回一個數組，其中包含 Object 的值 .我們還將使用 length 屬性來獲取元素的數量。例如，利用我們在本文開頭創建的對象：

let objectLength = Object.values(subjectScores).length; 
console.log(objectLength); // 5

用Object.entries()獲取對象的長度

Object.entries() 方法返回 Object 的鍵值對數組 .我們可以使用 length 屬性來獲取元素的數量。例如，利用我們在本文開頭創建的對象：

let objectLength = Object.entries(subjectScores).length; 
console.log(objectLength); // 5

使用for…in獲取對象的長度 循環

for…in 循環用於迭代對象的屬性。為了得到長度，我們要做的就是創建一個變量並在循環繼續時增加計數器。

let objectLength = 0;

for (let key in subjectScores) {
    objectLength++;
}

console.log(objectLength); // 5

結論

在本文中，我們學習瞭如何通過靜態方法或通過 for…in 循環獲取對象的長度 方法。