JavaScript Object entries()用法及代碼示例

JavaScript Object.entries() 方法用於返回一個由作為參數傳遞的對象的可枚舉屬性 [key, value] 對組成的數組。屬性的順序與手動循環對象的屬性值給出的順序相同。

用法:

Object.entries(obj);

參數：

• obj：要返回可枚舉屬性[key, value]對的對象。

返回值：

Object.entries() 返回一個由傳遞的對象的可枚舉屬性 [key, value] 對組成的數組。

示例 1：在此示例中，創建了一個具有三個屬性[key, value]對的對象“obj”，並且使用Object.entries()方法返回該對象的第一個屬性[key, value]對。

// Creating an object constructor
// and assigning values to it
const obj = { 0: 'adam', 1: 'billy', 2: 'chris' };
     
// Displaying the enumerable property [key, value]
// pairs of the object using object.entries() method
console.log(Object.entries(obj)[1]);

[ '1', 'billy' ]

示例 2：在此示例中，創建了一個具有三個屬性[key, value]對的對象“obj”，並且使用Object.entries()方法返回該對象的所有屬性[key, value]對。

// Creating an object constructor and
// assigning values to it
const obj = { 10: 'adam', 200: 'billy', 35: 'chris' };
// Displaying the enumerable property [key, value]
// pairs of the object using object.entries() method
console.log(Object.entries(obj));

[ [ '10', 'adam' ], [ '35', 'chris' ], [ '200', 'billy' ] ]

應用

• Object.entries()用於列出與對象相關的屬性，列出對象的所有[key, value]對。

異常

• 如果傳遞的參數不是對象，則會導致TypeError。
• 如果參數中傳遞的鍵不在屬性[鍵，值]對的範圍內，則會導致RangeError。

我們有 Javascript 對象方法的完整列表，要檢查這些方法，請瀏覽此JavaScript 對象完整參考文章。

支持的瀏覽器：

• Chrome 54 及以上版本
• 邊 14 及以上
• 火狐瀏覽器 47 及以上版本
• Opera 41 及以上
• Safari 10.1 及以上版本