Iterate nad obiektem w ES6

Question

Działa to dobrze dla mnie:

const iterable = [1, 2, 3]; 

for (const value of iterable) { 
    console.log(value); 
} 

Jednak to nie działa:

const iterable = {1:10, 2:20, 3:30}; 

for (const value of iterable) { 
    console.log(value); 
    console.log(iterable[value]); 
} 

Zamiast dając mi błąd:

Uncaught TypeError: iterable[Symbol.iterator] is not a function(…) 

Jak powinien Robię to?

To jest to, co robię teraz:

for(const value in iterable){ 
    if (iterable.hasOwnProperty(value)) { 
     console.log(value); 
     console.log(iterable[value]); 
    } 
} 

Answer 1

for..of działa tylko dla iterable objects. Można zaimplementować iterację tak:

const iterable = { 
    [Symbol.iterator]() { 
    return { 
     i: 1, 
     next() { 
     if (this.i <= 3) { 
      return { value: 10 * this.i++, done: false }; 
     } 
     return { value: undefined, done: true }; 
     } 
    }; 
    } 
}; 

for (const value of iterable2) { 
    console.log(value); 
} // 10, 20, 30 

iteracyjne nad prostych obiektów, inne niż for...in co moim zdaniem jest w porządku, można użyć Object.keys:

const iterable = {1:10, 2:20, 3:30}; 
Object.keys(iterable).forEach(key => { 
    console.log(iterable[key]); 
}); // 10, 20, 30 

BTW Twój pierwszy przykład rzuca błąd składni , może miałeś na myśli const iterable = [1,2,3]? Wtedy zadziałałoby, ponieważ tablice są obiektami, które można analizować.