JavaScript获取对象所有属性的四种常用方法
作者:纸飞机时间:2026-10-31 06:21:42浏览:610
本文详细介绍JavaScript中获取对象所有属性的四种方法:for...in循环、Object.keys()、Object.values()以及for...of循环。通过对比分析,帮助开发者根据需求选择遍历键名、键值或处理可迭代对象的最佳方案,提升代码效率。
方法一: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获取对象所有属性内容请搜索本站以前的文章或继续浏览下面的相关文章希望大家以后多多支持本站!
作者最新文章
JS动态构建复杂嵌套JSON对象的方法
2026-11-05 15:41:52
JS负数取余为什么是负数?详解余数与模运算区别
2026-11-05 13:34:41
JS 解压出现乱码或报错怎么解决?
2026-11-05 12:32:38
JS 中 startsWith、indexOf 与正则判断字符串前缀的对比
2026-11-04 22:19:43
JS解析Excel后怎么将数据转换为JSON格式
2026-11-04 20:58:28
