<abbr id="ciwa6"><option id="ciwa6"></option></abbr>
  • <sup id="ciwa6"><kbd id="ciwa6"></kbd></sup>
    <small id="ciwa6"></small>
  • 千鋒教育-做有情懷、有良心、有品質(zhì)的職業(yè)教育機(jī)構(gòu)

    400-811-9990
    手機(jī)站
    千鋒教育

    千鋒學(xué)習(xí)站 | 隨時(shí)隨地免費(fèi)學(xué)

    千鋒教育

    掃一掃進(jìn)入千鋒手機(jī)站

    領(lǐng)取全套視頻
    千鋒教育

    關(guān)注千鋒學(xué)習(xí)站小程序
    隨時(shí)隨地免費(fèi)學(xué)習(xí)課程

    上海
    • 北京
    • 鄭州
    • 武漢
    • 成都
    • 西安
    • 沈陽(yáng)
    • 廣州
    • 南京
    • 深圳
    • 大連
    • 青島
    • 杭州
    • 重慶
    當(dāng)前位置:成都千鋒IT培訓(xùn)  >  技術(shù)干貨  >  遍歷js對(duì)象中的屬性鍵值對(duì)象是什么

    遍歷js對(duì)象中的屬性鍵值對(duì)象是什么

    來(lái)源:千鋒教育
    發(fā)布人:xqq
    時(shí)間: 2023-11-17 02:14:08

    在JavaScript中,要遍歷一個(gè)對(duì)象的屬性鍵值對(duì)(Key-Value),可以使用 for...in 循環(huán)或 Object.entries() 方法。

    使用 for...in 循環(huán):

      for...in 循環(huán)用于遍歷對(duì)象的可枚舉屬性。

      在循環(huán)體中,通過(guò)對(duì)象名和屬性名訪問(wèn)屬性值。

      示例代碼:

          const obj = { a: 1, b: 2, c: 3 };
          
          for (let key in obj) {
              if (obj.hasOwnProperty(key)) { // 可選的判斷是否為自身屬性
                  console.log(Key: ${key}, Value: ${obj[key]});
              }
          }
          

    2、使用 Object.entries() 方法:

        Object.entries() 方法返回一個(gè)包含對(duì)象自身可枚舉屬性的數(shù)組,每個(gè)元素都是一個(gè)包含鍵值對(duì)的數(shù)組。

        遍歷數(shù)組,每個(gè)元素的第一個(gè)值是屬性名,第二個(gè)值是屬性值。

        示例代碼:

      const obj = { a: 1, b: 2, c: 3 };
      
      Object.entries(obj).forEach(([key, value]) => {
          console.log(Key: ${key}, Value: ${value});
      });
      

    這兩種方法都可以用來(lái)遍歷對(duì)象的屬性鍵值對(duì),具體選擇哪種方式取決于實(shí)際需求和代碼風(fēng)格。需要注意的是,for...in 循環(huán)也會(huì)遍歷到對(duì)象原型鏈上的屬性,而 Object.entries() 方法僅遍歷對(duì)象自身的屬性。如果需要判斷是否為自身屬性,可以使用 hasOwnProperty() 方法。

    聲明:本站稿件版權(quán)均屬千鋒教育所有,未經(jīng)許可不得擅自轉(zhuǎn)載。

    猜你喜歡LIKE

    CSS設(shè)置了border顯示不出來(lái)怎么辦

    2023-11-17

    手機(jī)無(wú)法連接到服務(wù)器是怎么回事

    2023-11-17

    用python計(jì)算矩形的面積和周長(zhǎng)

    2023-11-17

    最新文章NEW

    虛擬機(jī)沒(méi)有橋接模式怎么辦

    2023-11-17

    drawio畫(huà)的圖怎么嵌入word

    2023-11-17

    遍歷js對(duì)象中的屬性鍵值對(duì)象是什么

    2023-11-17

    相關(guān)推薦HOT

    更多>>

    快速通道 更多>>

    最新開(kāi)班信息 更多>>

    網(wǎng)友熱搜 更多>>