當前位置: 首頁>>代碼示例 >>用法及示例精選 >>正文


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


JavaScript對象.values()方法用於返回一個數組,其元素是在對象上找到的可枚舉屬性值。如果對屬性應用循環,則屬性的順序與對象手動給出的順序相同。 Object.values() 將對象作為要返回可枚舉屬性值的參數,並返回一個包含給定對象的所有可枚舉屬性值的數組。

用法:

Object.values(obj);

參數:

  • obj: 它是要返回其可枚舉屬性值的對象。

返回值:

返回一個包含給定對象的所有可枚舉屬性值的數組。

示例 1:在此示例中,數組 “check” 具有三個屬性值 [‘x’, ‘y’, ‘z’],並且 object.values() 方法返回該數組的可枚舉屬性值。屬性的順序與對象手動給出的順序相同。

javascript


// Returning enumerable property values of a simple array 
let check = ['x', 'y', 'z'];
console.log(Object.values(check));

輸出:

Array ["x", "y", "z"]

示例 2:在此示例中,類似數組的對象 “check” 具有三個屬性值 { 0: '23', 1: ‘geeksforgeeks’, 2: ‘true’ } 並且該對象.values() 方法返回此對象的可枚舉屬性值大批。屬性的順序與對象手動給出的順序相同。

javascript


// Returning enumerable property values
// of an array like object. 
let object = { 0: '23', 1: 'geeksforgeeks', 2: 'true' };
console.log(Object.values(object))

輸出:

Array ["23", "geeksforgeeks", "true"]

示例 3:在此示例中,類數組對象 “check” 具有隨機排序的三個屬性值 { 70: ‘x’, 21: ‘y’, 35: ‘z’ },並且 object.values() 方法返回可枚舉屬性該數組的值按索引值的升序排列。

javascript


// Returning enumerable property values
// of an array like object. 
let object = { 70: 'x', 21: 'y', 35: 'z' };
console.log(Object.values(object));

輸出:

 Array ["y", "z", "x"]

應用:

  • Object.values() 用於返回簡單數組、類數組對象和具有隨機鍵排序的類數組對象的可枚舉屬性值。

異常:

  • 如果傳遞的參數不是對象,則會導致TypeError。
  • 如果一個對象沒有作為參數傳遞給該方法,那麽它會說服它並將其視為對象。

支持的瀏覽器:

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

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



相關用法


注:本文由純淨天空篩選整理自Shubrodeep Banerjee大神的英文原創作品 JavaScript Object values() Method。非經特殊聲明,原始代碼版權歸原作者所有,本譯文未經允許或授權,請勿轉載或複製。