ShineJaie 原創整理，轉載請注明出處。
一、獲取對象屬性和方法
Object.keys() 返回對象的可枚舉屬性和方法的名稱數組。
Object.getOwnPropertyNames() 返回的數組的所有屬性(可枚舉或不可枚舉)直接找到給定對象。
1 // 創建一個對象的構造方法
2 function myObj(name, attr) { 3 this.name = name; 4 this.attr = attr; 5
6 this.sayHi = function () { 7 return 'hi everyone!!!'; 8 } 9 } 10
11 // 創建一個對象
12 var myTester = new myObj("shinejaie", 1) 13 // 獲取直接在對象上定義(可枚舉)的屬性和方法
14 var arr = Object.keys(myTester); 15 console.log('arr', arr); // 輸出 arr ["name", "attr", "sayHi"]
16
17 // 返回的數組的所有屬性(可枚舉或不可枚舉)直接找到給定對象。
18 console.log("attr", Object.getOwnPropertyNames(myTester)); // 輸出 attr ["name", "attr", "sayHi"]
19
20 // 在 Object 原型上增加一個屬性
21 Object.prototype.newShine = "it's me"; 22
23 // 返回可枚舉屬性一直找到該對象的原型鏈
24 for (var i in myTester) { 25 console.log(i); 26 } 27 // 輸出 name,attr,sayHi,newShine
28
29 // 返回直接定義在該對象上的可枚舉屬性
30 for (var i in myTester) { 31 if (myTester.hasOwnProperty(i)) { 32 console.log(i); 33 } 34 } 35 // 輸出 name,attr,sayHi
二、Object.keys()、Object.getOwnPropertyNames()、for...in...對比
1 // 不可枚舉的對象屬性
2 var nonenum = Object.create({}, { 3 getFoo: { 4 value: function () { 5 return this.foo; 6 }, 7 enumerable: false
8 } 9 }); 10 nonenum.foo = 1; 11 nonenum.asj = 2; 12
13 // 獲取對象可枚舉或不可枚舉的屬性
14 console.log(Object.getOwnPropertyNames(nonenum).sort()); // 輸出 ["asj", "foo", "getFoo"]
15
16 // 獲取對象可枚舉的屬性
17 console.log(Object.keys(nonenum).sort()); // 輸出 ["asj", "foo"]
18
19 // 返回直接定義在該對象上的可枚舉屬性
20 for (var i in nonenum) { 21 if (nonenum.hasOwnProperty(i)) { 22 console.log(i); // 輸出 foo asj
23 } 24 }
三、分別獲取JavaScript對象屬性名和方法名
1 // 創建一個對象的構造方法
2 function myObj(name, attr) { 3 this.name = name; 4 this.attr = attr; 5
6 this.sayHi = function () { 7 return 'hi everyone!!!'; 8 } 9 } 10
11 // 創建一個對象
12 var myTester = new myObj("shinejaie", 1) 13
14 // 獲取對象方法
15 for (var i in myTester) { 16 if (myTester.hasOwnProperty(i) && typeof myTester[i] == "function") { 17 console.log("對象方法: ", i, "=", myTester[i]) 18 } 19 } 20 // 輸出 對象方法: sayHi = () { return 'hi everyone!!!'; }
21
22 // 獲取對象屬性
23 for (var i in myTester) { 24 if (myTester.hasOwnProperty(i) && typeof myTester[i] != "function") { 25 console.log("對象屬性: ", i); 26 } 27 } 28 // 輸出 對象屬性: name 對象屬性: attr