네 말씀대로 기능대회 JSON 파일은 약간 달라서 forEach가 안되는거였습니다 근데 처리하다가 궁금한 점이 생겼는데요
var productsArr =[];
$.get('store.json', function(data){
console.log(data.products.length);
for(var i=0; i < data.products.length; i++){
productsArr.push(data.products[i]);
}
console.log(productsArr);
//length: 4
console.log(productsArr.length);
});
console.log(productsArr);
//length : 0
console.log(productsArr.length);
위의 get요청을 하고 JSON을 받아 자료를 productsArr array에 넣었습니다
제 생각으로는 productsArr은 get 요청 밖에 변수가 선언됐으니 get 요청 밖에서 엑세스가 돼도 같은 값이 나와야하는데
출력해본 결과 get요청 내부의 productsArr 은 JSON의 object가 제대로 들어간 length가 4인 어레이가 나오는 반면
get 요청 밖에서 출력된 productsArr은 length가 0 이 나오고 element가 있는걸로 나오긴 하지만 인덱스로 access가 안됩니다
위의 get요청에서 done 이나 then 메소드를 써봐도 결과는 같았는데요
이건 scope의 문제인가요 아님 get 요청에 뭔가 제가 놓친 부분이 있는건가요?
html을 get 요청 내부에 만들면 과제 해결에는 문제가 없지만 그래도 변수 값이 달라지는게 궁금해서 질문드립니다
