js获取对象中所有属性的四种方法

 更新时间:2023年09月19日 11:31:22   作者:奔跑的露西ly  
这篇文章主要给大家介绍了关于js获取对象中所有属性的四种方法,在JavaScript 中,我们可以通过不同的方法获取对象的属性,文中通过代码示例介绍的非常详细,需要的朋友可以参考下

方法一: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获取对象所有属性内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

相关文章

最新评论