对象的枚举

秒速五厘米 2022-05-26 05:18 193阅读 0赞

# JavaScript对象的枚举 #

# JavaScript学习笔记：对象属性的枚举 #

--------------------

## for in 循环（for...in） ##

三个操作符

1.`hasOwnProperty`

2.`in`

3.`instanceof`

--------------------

## for...in 循环 ##

循环可以遍历对象中所有可枚举的对象属性(包括对象自有属性和继承的属性)。

注意：使用 `for...in` 循环遍历对象属性时返回的属性，会因为各个浏览器不同，导致对象属性遍历的顺序有可能不是当初构建时的顺序。

--------------------

示例：遍历出obj对象的各个属性

示例：遍历出obj对象的各个属性的值

obj.a     执行时隐式转换为--->  obj.\['a'\]，输出结果是一样的

var prop in obj

prop为自定义的值，用于对象的属性每次传入。

--------------------

## 1.  hasOwnproperty    （hot！） ##

那么问题来了，怎么让原型里的东西不输出？

原型里自带的属性和值都不会输出的，只会输出人为修改，人为添加的属性值。

如果不想让原型里的属性值输出，使用*hasOwnProperty*，

过滤掉继承的属性。

一般`var prop in obj`和`hasOwnProperty`是一起使用的。

--------------------

> obj.hasOwnProperty(prop)

### 参数： ###

`prop`要检测的属性。

### 返回值： ###

用来判断某个对象是否含有指定的属性的 Boolean （如果是自身属性返回Ture，反之则返回False）。

## 描述 ##

所有继承了 Object 的对象都会继承到 `hasOwnProperty` 方法。这个方法可以用来检测一个对象是否含有特定的自身属性；和 in 运算符不同，该方法会忽略掉那些从原型链上继承到的属性。

[详情查看][Link 1]

--------------------

## 2.  in ##

`in`和`hasOwnProperty`类似，`hasOwnProperty`是判断这个属性属不属于这个对象，而 in 是判断在这个对象能不能调用这个属性。

一般这个操作符是极少用到的，几乎没用，但是部分面试会考`in`和 `hasOwnProperty`的区别。

--------------------

## 3.  instanceof（hot!） ##

--------------------

### 语法 ###

> object instanceof constructor

### 参数 ###

`object`要检测的对象

`constructor`某个构造函数。

`instanceof `运算符用来检测 `constructor.prototype `是否存在于参数 `object `的原型链上。

例如：

function Obj () {
    	
    }
    
    var obj = new Obj();
    
    console.log(obj instanceof Obj);

会在控制台输出 true。

因为 Obj.prototype 存在于 obj.\_\_proto\_\_ 上面

![20180425202042837][]

[Link 1]: https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Object/hasOwnProperty
[20180425202042837]: /images/20220526/1ec9c36e3631435297360476d9788cbc.png

对象的枚举

发表评论取消回复

还没有评论，来说两句吧...

相关阅读

相关动态改变枚举类的枚举值，配置方式实现枚举

相关【javaSE】枚举与枚举的使用

相关如何枚举一个枚举

相关写一个enumUtil工具类，获取Enum枚举对象的【枚举值】【枚举列表】

相关【枚举】信息类枚举

相关枚举 _枚举的其他应用

相关使用枚举构造Singleton对象

相关 JavaScript-对象的枚举

相关对象的枚举

相关 Java 枚举对象获取Class对象