养生 装修 购物 美食 感冒 便秘 营销 加盟 小吃 火锅 管理 创业 搭配 减肥 培训 旅游

如何使用JavaScript中的方法获取对象中的属性值

时间:2024-11-02 10:30:43

一琐绔纠滴般情况下,在JavaScript中定义对象的形式是使用键值对,使用for...in语句。有这么一个场景:定义一个函数,传入对象参数,使用循环遍历对象,获取对象属性。下面利用实例说明,操作如下:

如何使用JavaScript中的方法获取对象中的属性值

工具/原料

JavaScript

HTML5

HBuilderX

浏览器

截图工具

方法/步骤

1、第一步,在已新建的JavaScript文件中,定义函数queryObj,并传入对象参数ob门钙蹲茌j,如下图所示:

如何使用JavaScript中的方法获取对象中的属性值

2、第二步,再定义一个对象sdata,添加属性name、age和type,如下图所示:

如何使用JavaScript中的方法获取对象中的属性值

3、第三步,调用queryObj函数,并传入对象参数sdata,赋值给userObj,打印这个撕良滤儆值,如下图所示:

如何使用JavaScript中的方法获取对象中的属性值

4、第四步,将已编写好的JavaScript文件,引入到HTML5页面,然后查看结果,如下图所示:

如何使用JavaScript中的方法获取对象中的属性值

5、第五步,保存代码并打开浏览器控制台,查看打印结果,以键值对形式,如下图所示:

如何使用JavaScript中的方法获取对象中的属性值

6、第六步,再次返回修改代码,将name属性改为一个对象,然后查看打印结果,如下图所示:

如何使用JavaScript中的方法获取对象中的属性值

© 一点知识