如何迭代 JavaScript 对象？

有两种方法可以迭代一个对象，下面将讨论：

方法 1：使用 for...in 循环：可以使用 for..in 循环迭代对象的属性。此循环用于迭代对象的所有非符号可迭代属性。一些对象可能包含可以从其原型继承的属性。 hasOwnProperty()方法可用于检查属性是否属于对象本身。使用该键作为对象的索引，可以找到对象的每个键的值。

句法：

for (let key in exampleObj) {
    if (exampleObj.hasOwnProperty(key)) {
        value = exampleObj[key];
        console.log(key, value);
    }
}

例子：

  

    
        How to iterate over
        a JavaScript object?
    

  

    
        GeeksforGeeks
    
      
    
        How to iterate over
        a JavaScript object? 
    
      
    
        Click on the button to iterate
        through the javascript object.
    
      
    
        Check the console
        for the output
    
      
    
        Iterate Object
    
      
    
        function iterateObject() {
            let exampleObj = {
                book: "Sherlock Holmes",
                author: "Arthur Conan Doyle",
                genre: "Mystery"
            };
      
            for (let key in exampleObj) {
                if (exampleObj.hasOwnProperty(key))
                {
                    value = exampleObj[key];
                    console.log(key, value);
                }
            }
        }
    

  

输出：

• 在点击按钮之前：
  
• 点击按钮后：
  

方法 2：Object.entries() 映射： Object.entries()方法用于返回对象自己的可枚举字符串键属性对的数组。返回的数组与map()方法一起使用以从对中提取键和值。
可以通过访问数组对的第一个和第二个索引来提取键值对中的键和值。第一个索引对应于键，第二个索引对应于该对的值。

句法：

Object.entries(exampleObj).map(entry => {
    let key = entry[0];
    let value = entry[1];
    console.log(key, value);
});

例子：

      

    
        How to iterate over 
        a JavaScript object?
    

  

    
        GeeksforGeeks
    
      
    
        How to iterate over
        a JavaScript object? 
    
      
    
        Click on the button to iterate
        through the javascript object.
    
      
    
        Check the console
        for the output
    
      
    
        Iterate Object
    
      
    
        function iterateObject() {
            let exampleObj = {
                book: "Sherlock Holmes",
                author: "Arthur Conan Doyle",
                genre: "Mystery"
            };
      
            Object.entries(exampleObj).map(entry => {
                let key = entry[0];
                let value = entry[1];
                console.log(key, value);
            });
        }
    

  

输出：

• 在点击按钮之前：
  
• 点击按钮后：