js 如何正确遍历对象属性

来源：互联网 2023-03-16 23:58:52 版权归原作者所有，如有侵权，请联系我们

在页面开发中，我们经常会使用js脚本来处理前端的逻辑，下面我们来看一下在js中是如何遍历对象属性的。

方法/步骤

首先我们在js里创建一个对象，从代码上可以看到，现在对象有a，b，c三个属性。

js 如何正确遍历对象属性

要遍历一个对象，我们可以使用for in语句，这在循环一个对象或数组时，是十分方便的。

js 如何正确遍历对象属性

在循环里，使用console.log来输出内容，其中的p，就是对象里的属性了。

js 如何正确遍历对象属性

运行页面，在浏览器的控制台里，我们就可以看到输出的内容了，可以看到都是创建的对象里的属性。

js 如何正确遍历对象属性

为了得到对象属性，除了使用for in语句，其实我们还可以使用Object对象的getOwnPropertyNames方法来获取，该方法的参数就是你需要获取属性的对象。

js 如何正确遍历对象属性

在后面再加上console.log方法来看下，得到的结果是什么。

js 如何正确遍历对象属性

再次运行页面，我们可以看到现在的结果是一个数组，数组里就包含对象的属性。

js 如何正确遍历对象属性

以上方法由办公区教程网编辑摘抄自百度经验可供大家参考！