JavaScript 배열이 반복 가능하지 않음

Question

어젯밤에 간단한 JavaScript 배열로 정말 이상한 문제가 발생했습니다. 나는 Firebase 기반의 React Native 앱을 개발 중이고 SDK를 사용하여 실시간 데이터베이스로부터 데이터를 얻고 있습니다. 위의 코드에서 이후의 데이터를 각각의 사용자의 timeline로부터 데이터를 얻을 timeline에 posts 각 반복 후 얻을 것으로 예상되는

var app = this 

    this.props.fb.auth().onAuthStateChanged(function(user) { 
     if (user) { 
      app.props.fb.database().ref('/users/' + user.uid + "/timeline").once('value').then(function(snapshot) { 
       var posts = snapshot.val() 
       return posts 
      }).then((posts) => {     
       var statuses = []; 
       for (i in posts) { 

        app.props.fb.database().ref('/posts/' + posts[i]).once('value').then(function(snapshot) { 
         statuses.push(snapshot.val()) 
        }); 
       } 

       console.log(statuses) 
      }) 
     } 

    }); 

: 여기

는 코드 posts. 그런 다음 데이터를 statuses 배열로 푸시합니다.이 배열은 마지막에 콘솔에 기록됩니다.

콘솔에 표시되는 내용입니다.

배열이 확장 될 때까지 콘솔에 배열의 항목이 표시되지 않습니다. 또한 배열의 length을 가져 오려고하면 0이 반환되고 배열의 항목을 반복 할 수 없습니다.

내가 뭘 잘못하고 있니?

Answer 1

게시물이 iterable 인 경우 q.all의 일부 버전을 사용하고 모든 약속이 해결되면 모든 조각을 상태 배열에 푸시 한 결과를 안정적으로 기록 할 수 있습니다.

일부 의사 코드 :

if (user) { 
     app.props.fb.database().ref(`/users/${user.uid}/timeline`) 
     .once('value') 
     .then(snapshot => snapshot.val()) 
     .then(posts => {     
      const statuses = []; 

      const promises = Object.keys(posts).map(key => { 
       return app.props.fb.database().ref(`/posts/${posts[key]}`).once('value') 
        .then(snapshot => statuses.push(snapshot.val())); 
      } 

      return Promises.all(promises) 
     }) 
     .then(() => console.log(statuses)); 
    }