js获取对象中所有属性的四种方法
方法一:for...in
循环遍历对象的所有属性,并逐个输出它们的值;每次执行时,都会将一个属性名赋值给所定义的变量
let obj = { name: 'zs', age: 18, gender: '男', address: '北京' } //输出对象内的属性名👇 for (let propName in obj) { console.log(propName);//打印👉属性名-->name age gender address } //输出对象内的属性值👇 for (let propName in obj) { console.log(obj[propName]);//打印👉属性值-->zs 18 男 北京 }
方法二:Object.keys()
输出一个对象的所有属性名,该方法返回一个数组,数组内包括对象内可枚举属性
let obj = { name: 'zs', age: 18, gender: '男', address: '北京' } let arr = Object.keys(obj) console.log(arr);//打印👉['name', 'age', 'gender', 'address']
方法三:Object.values()
输出一个对象的所有属性值。该方法返回一个数组,数组内包含对象自身所有可枚举属性值。
let obj = { name: 'zs', age: 18, gender: '男', address: '北京' } let arr = Object.values(obj) console.log(arr);//打印👉['zs', 18, '男', '北京']
方法四:for...of
主要用于遍历可迭代对象(包括数组、Set、Map、字符串等)
这种循环语句遍历的是对象的值,而不是键。因此,我们在使用 for...of 循环时,可以直接获得每个元素的值,而不需要通过下标或属性名来访问。
let arr = [1, 2, 3] for (let value of arr) { console.log(value); // 输出结果为: // 1 // 2 // 3 } for (let value of 'hei') { console.log(value); // 输出结果为: // h // e // i }
总结
到此这篇关于js获取对象中所有属性的四种方法的文章就介绍到这了,更多相关js获取对象所有属性内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!
相关文章
Javascript & DHTML DOM基础和基本API
DOM是文档对象模型(Document Object Model,是基于浏览器编程(在本教程中,可以说就是DHTML编程)的一套API接口,W3C出台的推荐标准,每个浏览器都有一些细微的差别,其中以Mozilla的浏览器最与标准接近。2008-07-07scroll事件实现监控滚动条并分页显示(zepto.js)
这篇文章主要为大家详细介绍了scroll事件实现监控滚动条并分页显示示例,具有一定的参考价值,感兴趣的小伙伴们可以参考一下2016-12-12javascript中slice(),splice(),split(),substring(),substr()使用方法
这篇文章主要介绍了javascript中slice(),splice(),split(),substring(),substr()使用方法,需要的朋友可以参考下2015-03-03
最新评论