JavaScript >> Javascript 文檔 >  >> Tags >> object

如何在 JavaScript 中遍歷對像數組

要在 JavaScript 中遍歷對像數組,可以使用 forEach() 方法和 for...in 循環。

下面是一個示例,演示瞭如何遍歷包含對象的數組並在 JavaScript 中打印每個對象的屬性:

const mobiles = [
    {
        brand: 'Samsung',
        model: 'Galaxy Note 9'
    },
    {
        brand: 'Google',
        model: 'Pixel 3'
    },
    {
        brand: 'Apple',
        model: 'iPhone X'
    }
];

mobiles.forEach(mobile => {
    for (let key in mobile) {
        console.log(`${key}: ${mobile[key]}`);
    }
});

您應該會看到上述代碼的以下輸出:

brand: Samsung
model: Galaxy Note 9
brand: Google
model: Pixel 3
brand: Apple
model: iPhone X

外層forEach() 循環用於遍歷對像數組。然後我們使用 for...in 循環遍歷單個對象的屬性。


Tutorial JavaScript 教程
  1. 為什麼數據結構和算法對前端很重要?

  2. Javascript可以使用可變長度數組嗎

  3. 如何構建一個自動擴展的 Textarea jQuery 插件,第 1 部分

  4. 將 JavaScript 代碼移植到 Lua 時出現數字符號問題

  5. React 和 Mlyn 中的貨幣轉換器應用程序

  6. Backbone.Marionette 的全面介紹(第 1 部分)

  7. 在 Astro 中使用 React 組件更好地加載

  1. Bootstrap vs Semantic UI vs Bulma for VueJS

  2. jQuery:選擇 tr 中的每個 td

  3. 如何找出觸發了哪些 JavaScript 事件?

  4. 如何從代碼隱藏調用javascript函數

  5. 使用 TypeScript 進行測試驅動開發

  6. 探索 GraphQL 的 JavaScript 客戶端庫

  7. 通過 p5 重繪畫布並刪除舊畫布

  1. MDN 的自動完成搜索是如何工作的

  2. 如何製作 Next.JS 入門模板。

  3. 使用 TailwindCSS/TypeScript/Storybook/Context API 反應樹視圖

  4. 項目 5:Javascript 中的隨機數遊戲