欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

js獲取對象中所有屬性的四種方法

 更新時間：2023年09月19日 11:31:22   作者：奔跑的露西ly  
這篇文章主要給大家介紹了關(guān)于js獲取對象中所有屬性的四種方法,在JavaScript 中,我們可以通過不同的方法獲取對象的屬性,文中通過代碼示例介紹的非常詳細(xì),需要的朋友可以參考下

方法一：for...in

循環(huán)遍歷對象的所有屬性，并逐個輸出它們的值；每次執(zhí)行時，都會將一個屬性名賦值給所定義的變量

let obj = {
      name: 'zs',
      age: 18,
      gender: '男',
      address: '北京'
    }
    //輸出對象內(nèi)的屬性名??
for (let propName in obj) {
  console.log(propName);//打印??屬性名-->name  age  gender  address
    }
    //輸出對象內(nèi)的屬性值??
for (let propName in obj) {
  console.log(obj[propName]);//打印??屬性值-->zs  18  男  北京
    }

方法二：Object.keys()

輸出一個對象的所有屬性名，該方法返回一個數(shù)組，數(shù)組內(nèi)包括對象內(nèi)可枚舉屬性

let obj = {
      name: 'zs',
      age: 18,
      gender: '男',
      address: '北京'
    }
let arr = Object.keys(obj)
console.log(arr);//打印??['name', 'age', 'gender', 'address']

方法三：Object.values()

輸出一個對象的所有屬性值。該方法返回一個數(shù)組，數(shù)組內(nèi)包含對象自身所有可枚舉屬性值。

let obj = {
      name: 'zs',
      age: 18,
      gender: '男',
      address: '北京'
    }
let arr = Object.values(obj)
console.log(arr);//打印??['zs', 18, '男', '北京']

方法四：for...of

主要用于遍歷可迭代對象（包括數(shù)組、Set、Map、字符串等）

這種循環(huán)語句遍歷的是對象的值，而不是鍵。因此，我們在使用 for...of 循環(huán)時，可以直接獲得每個元素的值，而不需要通過下標(biāo)或?qū)傩悦麃碓L問。

 let arr = [1, 2, 3]
    for (let value of arr) {
      console.log(value);
      // 輸出結(jié)果為：
      // 1
      // 2
      // 3
    }
    for (let value of 'hei') {
      console.log(value);
      // 輸出結(jié)果為：
      // h
      // e
      // i
    }

總結(jié) 

到此這篇關(guān)于js獲取對象中所有屬性的四種方法的文章就介紹到這了,更多相關(guān)js獲取對象所有屬性內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

相關(guān)文章

最新評論