For key in object traversal of objects encountered problems

要遍历的对象

 const [processBar, setProcessBar] = useState<{
    
    [key: string]: {
     loaded: number; total: number };
  }>({
    
   xxx: {
     loaded: 222; total: 2222},
   yyy: {
     loaded: 222; total: 2222},
   zzz: {
     loaded: 222; total: 2222},
});

下面代码会报错

for(const item in processBar){
    
   if (processBar.hasOwnProperty.call(processBar, item)) {
    
        return ((processBar[item].loaded / processBar[item].total) * 100 || 0);
     }
}

The body of a for-in should be wrapped in an if statement to filter unwanted properties from the prototype.(guard-for-in)

error 'body of a for in should be wrapped in an if statement' mean?

for key in object Traverse the object to solve the error

Object.keys(processBar).map((item) => {
    
      if (processBar.hasOwnProperty.call(processBar, item)) {
    
        return ((processBar[item].loaded / processBar[item].total) * 100 || 0);
      }
 });