對象
一、對象.屬性

var obj = {name : 'mary',age : 18 };console.log(obj.name, obj.age); // mary 18

二、對象[‘屬性’] – 讓對象屬性更加靈活

var zhang = {wife1: {name: 'xiaomei'},wife2: {name: 'xiaoli'},wife3: {name: 'xiaowang'},wife4: {name: 'xiaoxiao'},sayWife: function (num) {return this['wife' + num];} };zhang.sayWife(3); // xiaowang

---

對象的枚舉
一、for...in 語句

var obj = {name: 'mary',age: 18,sex: 'female',__proto__: {height: 180,weight: 75} };Object.prototype.name = 'smith'; // 在原型上自定義一個屬性for (var key in obj) {// console.log(key); // undefined * 5// 這里的 obj.key ==> obj['key'] --> 會去找它的 key 屬性// 所以在枚舉里面必須：console.log(obj[key]); // 這樣才會遍歷 obj 里面的每一個屬性，包括原型上自定義的也要打印出來 }

二、遍歷中可添加的 hasOwnProperty、in、instanceof

obj.hasOwnProperty()

一般和 for... in 一起使用（一個遍歷，一個過濾）

但凡是系統自帶的無論在哪都不會出來；但凡是自己定義的，無論在哪都會出來。

var obj = {name: 'mary',age: 18,sex: 'female',__proto__: {height: 180,weight: 75} };Object.prototype.abc = 'smith';for (var key in obj) {// 每一個對象都有一個 hasOwnProperty() 方法if (obj.hasOwnProperty(key)) {console.log(obj[key]); // 結果原型上自定義的屬性的值沒有打印出來，打印的是 obj 里面的屬性值}if (!obj.hasOwnProperty(key)) { // 顯示原型鏈上的自定義屬性的值console.log(obj[key]); // smith} }

in

只會檢測對著對象里面有沒有某個屬性

Object.prototype.abc = 'abc'; let obj = {}; console.log('abc' in obj); // true

不分青紅皂白，原型鏈終端上面的都打印了，所以不怎么常用

instanceof ? 判斷 A 原型鏈上有沒有 B 的原型

function Person() {}var person = new Person(); console.log(person instanceof Person); // true console.log(person instanceof Object); // true console.log(person instanceof Array); // false console.log({} instanceof Array); // false

三、區別對象和數組

constructor ? 看看有沒有指向他的構造方法

var arr = [1, 2, 3]; var fun = function() {}; console.log(arr.constructor); // Array() { [native code] } console.log(fun.constructor); // Function() { [native code] }

instanceof ? 看看是不是這個構造方法溝造出來的

function Person() {}var person = new Person();console.log(person instanceof Person); // true console.log(person instanceof Object); // true console.log(person instanceof Array); // false // 看看 console.log({} instanceof Array); // false

Object.prototype.call()

console.log(Object.prototype.toString.call({})); // [object Object] console.log(Object.prototype.toString.call([])); // [object Array]

ES6 的 isArray()

Array.isArray([]) //true Array.isArray({}) //false

總結

以上是生活随笔為你收集整理的属性的表示方法和对象的枚举的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。