JavaScript中Object.keys方法獲取對象屬性的方法

JavaScript中Object.keys方法獲取對象屬性的方法？這個問題可能是我們日常學習或工作經常見到的。希望通過這個問題能讓你收獲頗深。下面是小編給大家帶來的參考內容，讓我們一起來看看吧！

Object.keys的使用方法

首先，我們來看一下如何創建對象后獲取屬性。

如何創建對象

首先，從最基本的對象的創建方法來看。

簡而言之，對象的結構分為“屬性”和“方法”。

屬性可以在“關鍵字”和“值”對中保存各種信息，方法類似于函數。

可以如下創建空對象。

var obj1 = { } 
var obj2 = new Object()

上述兩種方法都是一樣的，像“obj1”這樣來記述比較簡單，所以經常被使用。

例如，可以編寫一個對象，該對象包含具有該人的“姓名”和“年齡”信息的屬性，如下所示。

var obj = {
 
    name : '張 三',
    age : 30
 
}

獲取對象屬性的方法

知道了如何創建對象，那么讓我們來使用Object.keys獲取屬性。

要使用它，只需將對象指定為參數，如[Object.keys（對象）]。

它的特點是能夠獲取枚舉屬性名稱作為返回值的數組數據。

因此，首先準備以下對象數據。

var obj = {
  name: '張 三',  
  age: 30,  
  area: '北京'
}

在這里請確認name / age / area3個屬性。

接下來，使用Object.keys()并像這樣寫

var result = Object.keys(obj); 
console.log(result);

執行結果：

["name", "age", "area"]

您可以通過指定keys()參數的對象來檢索所有屬性。

從執行結果中可以看出屬性名稱已作為數組數據獲取。

通過轉換為這樣的數組數據很方便，因為這樣可以使用JavaScript標準中提供的各種數組方法。

如何將Object.keys用于數組

要使用Object.keys獲取屬性，請在參數中指定要獲取的對象。

我們來看看以下程序。

var obj = ["sa", "mu", "ra", "i"];
console.log(Object.keys(obj));

執行結果：0,1,2,3

通過這種方式，我們得到了屬性。

感謝各位的閱讀！看完上述內容，你們對JavaScript中Object.keys方法獲取對象屬性的方法大概了解了嗎？希望文章內容對大家有所幫助。如果想了解更多相關文章內容，歡迎關注億速云行業資訊頻道。