배열 요소에 액세스 할 수 없습니다.

Question

요소를 성공적으로 추가하는 서비스를 사용하여 배열에 요소를 추가하고 있습니다. 데이터가 console.log로 채워진 것을 볼 수 있습니다.

그러나 요소에 액세스 할 수는 없습니다.

console.log(this.openSet[0]); 

내가 '정의되지 않은'의 출력을 얻을 : 나는 같은 것을 사용하지만

this.routingService.getNode(startNode).subscribe(node => { 
     node.forEach(node => { 
     this.openSet.push(new MapNode(node.id, node.lon, node.lat, this.routingService.getNodeNeighbours(node.id))); 
     }); 
    }); 

    console.log(this.openSet); // this prints out the below screenshot 

. 나는 내가 지금 어떻게 접근하고 있는지에 대해 정말로 두꺼운 지 잘 모르겠다. ...

아이디어가 있으십니까?

Answer 1

subscribe은 비동기 작동하므로 console.log()은 루프가 실행되기 전에 forEach에 기록됩니다. 그것은

let foo = []; 
 

 
setTimeout(() => { 
 
    foo.push(1); 
 
    foo.push(2); 
 
}, 500); 
 

 
console.log(foo); // logs []

asynchronity와 함께 작동하는 방법에 대한 옵션에 대한 중복 게시물을 참조하시기 바랍니다 코드의 작은 조각에서와 같은 비동기 동작입니다.

How to return the response from an asynchronous call?