枚举（遍历）JS

枚举（遍历）

• 对于数组

var arr = [1,2,3,4,5,6,7,8];
for (var i = 0; i < arr.length;i ++) {
	console.log(arr[i]);
}

• 对于对象
  • for in循环
    • in(用得很少i)
    • hasOwnProperty
    • instanceof

var obj = {
    name: "li",
    age: 12,
    hight: 180
}
//for in 循环依据对象的属性个数决定需要循环多少次
//		 其中包括了原型链上的属性，但是不包括终端Object上的系统所设属性（换句说就是只要是自己设置的就可以访问）
for (var prop in obj) {
    console.log(prop + " " + typeof(prop));
    //如果是要遍历ob里所有属性值
    //错误示范： console.log(obj.prop)---会输出undfinde,因为obj.prop ===obj['prop'],而obj中没有prop属性
    console.log(obj[prop]);//正确输出，这里的prop是一个变量，而不是字符串
}
//输出：
//		name string
//		age string
// 		hight string

var obj = {
    name: "li",
    age: 12,
    hight: 180
}
// A in B是判断A（字符串）在不在B对象里面，其中包括B原型链上的属性
//"name" in obj --> ture 

var obj = {
    name: "li",
    age: 12,
    hight: 180,
    __proto__: {
        LasrName: "wu"
    }
}
for (var prop in obj) {
    //如果想只访问自身属性
    //可以用hasOwnProperty()这个方法来判断
    if (obj.hasOwnProperty(prop)) {
        console.log(obj[prop]);
    }
}

function Father () {
    
}
var father = newe Father();
console.log(father instanceof Father);//输出：“ture” ---->A instanceof B 判断A对象 是不是 B构造函数构造出来的
console.log(father instanceof Object);//输出；"ture" ---->其实上是看A对象的原型链上 有没有 B的原型

• 小应用---------区分数组[和对象([ ] || { })

  var a = [];
  var b = {};
  //1.用instanceof
  a instanceof Array // ture
  b instanceof Array // falase
  
  //2.用constuctor
  a.constuctor//ƒ Array() { [native code] }
  b.constuctor//ƒ Object() { [native code] }
  
  //3.用Object.prototype.toString与call------几乎所有的数据类型都可以判断
  Object.prototype.toString.call(a);//'[object Array]'
  Object.prototype.toString.call(b);//'[object Object]'