JavaScript中Object.keys方法獲取對象屬性的方法？這個問題可能是我們?nèi)粘W習或工作經(jīng)常見到的。希望通過這個問題能讓你收獲頗深。下面是小編給大家?guī)淼膮⒖純?nèi)容，讓我們一起來看看吧！

站在用戶的角度思考問題，與客戶深入溝通，找到汝南網(wǎng)站設計與汝南網(wǎng)站推廣的解決方案，憑借多年的經(jīng)驗，讓設計與互聯(lián)網(wǎng)技術結合，創(chuàng)造個性化、用戶體驗好的作品，建站類型包括：網(wǎng)站建設、做網(wǎng)站、企業(yè)官網(wǎng)、英文網(wǎng)站、手機端網(wǎng)站、網(wǎng)站推廣、申請域名、虛擬空間、企業(yè)郵箱。業(yè)務覆蓋汝南地區(qū)。

Object.keys的使用方法

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

如何創(chuàng)建對象

首先，從最基本的對象的創(chuàng)建方法來看。

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

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

可以如下創(chuàng)建空對象。

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

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

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

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

獲取對象屬性的方法

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

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

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

因此，首先準備以下對象數(shù)據(jù)。

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

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

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

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

執(zhí)行結果：

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

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

從執(zhí)行結果中可以看出屬性名稱已作為數(shù)組數(shù)據(jù)獲取。

通過轉(zhuǎn)換為這樣的數(shù)組數(shù)據(jù)很方便，因為這樣可以使用JavaScript標準中提供的各種數(shù)組方法。

如何將Object.keys用于數(shù)組

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

我們來看看以下程序。

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

執(zhí)行結果：0,1,2,3

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

感謝各位的閱讀！看完上述內(nèi)容，你們對JavaScript中Object.keys方法獲取對象屬性的方法大概了解了嗎？希望文章內(nèi)容對大家有所幫助。如果想了解更多相關文章內(nèi)容，歡迎關注創(chuàng)新互聯(lián)網(wǎng)站制作公司行業(yè)資訊頻道。

分享文章：JavaScript中Object.keys方法獲取對象屬性的方法-創(chuàng)新互聯(lián)
鏈接分享：http://weahome.cn/article/dpjpie.html