原生js底层基础（十）JavaScript 枚举for in、hasOwnProperty()、in操作符、instanceof

1.for in

for…in 语句用于对数组或者对象的属性进行循环操作。

语法：

for (变量 in 对象)
{
    //do it
}

“变量”用来指定变量，指定的变量可以是数组元素，也可以是对象的属性。

（1）遍历对象的属性名与属性值

遍历对象时for参数列表的变量为属性名，值通过 对象名[属性名] 方式获取

var obj = {
	name:'ly',
	age:11

}

for( var prop in obj){
	console.log(prop); //遍历属性名
	console.log(obj[prop]);//遍历属性值
}

输出

name
ly
age
11

值得注意的是，在枚举里，访问对象属性值，不能用点的形式，就要对象名[枚举变量名]的方式获取，不要加单引号

（2）遍历数组

遍历数组时for参数列表的变量为索引，值通过 数组名[索引] 方式获取

var arr = ['a','b'];
for(var index in arr){
	console.log( index + ": "+arr[index] )
}

0: a
1: b

2.hasOwnProperty()方法—常用

hasOwnProperty(属性名)
判断属性是不是自己的，原型不属于自己的属性

var obj = {
	name:"ly",
	sex:undefined,
	age:2,
	phone:"123468346875",
	__proto__:{
	money:1000
}
}
for(var prop in obj){

if(obj.hasOwnProperty(prop)){
console.log(prop,":",obj[prop]);
 }
}

输出

name : ly
sex : undefined
age : 2
phone : 123468346875

3. in操作符 —少用

判断属性在对象中能否访问, 返回一个布尔值

var obj = {
name:'wt',
__proto__:{
		money:1000
	}
}
console.log('name' in obj, 'money' in obj)
 

输出

true true

和hasOwnProperty(属性名)方法的区别就是那个可以过滤掉原型的属性，这个不行，这个只要能访问都会返回true

4.instanceof —常用

**A instanceof B **
判断一个实例A是否属于B类型,返回布尔值
换句话说：看A的原型链上有没有B的原型
function Super(){}
function Person(){}
Person.prototype = new Super(); //使用原型继承
var person = new Person();
person instanceof Person -->true
person instanceof Object -->true //因为Object是person原型链的最顶端
person instanceof Super; -->true //Person继承自Super
var arr = [];
arr instanceof Object -->true //数组也是对象
var obj = {};
obj instanceof Object -->true

最最重要的是,与typeof不一样的是，typeof区分不了数组和对象，instanceof 可以

var arr = [ ];
arr instanceof Array; —>true
arr instanceof Object -->true
var obj={};
obj instanceof Array; —>false
obj.instanceof Object -->true

扩展一下，除了用instanceof,还有两个方法可以区分数组和对象

1）对象.construcotr
例如：

[].constructor
--->ƒ Array() { [native code] }

var obj ={};
obj.constructor
--->ƒ Object() { [native code] }