js如何获取对象中的所有属性

奔跑的露西

已于 2024-03-07 17:56:34 修改

阅读量8.1k

点赞数 8

分类专栏： JS 文章标签： javascript 前端

于 2023-04-05 15:00:26 首次发布

本文链接：https://blog.youkuaiyun.com/weixin_71403100/article/details/129970893

版权

JS 专栏收录该内容

5 篇文章

订阅专栏

本文介绍了四种在JavaScript中遍历对象属性的方法：for...in循环遍历属性名和值，Object.keys()获取属性名数组，Object.values()获取属性值数组，以及for...of循环用于遍历可迭代对象的值。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

方法一：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
    }

最后：👏👏😊😊😊👍👍