7장 실습문제 10번 질문드립니다.
var book=new Object();
book.title=null;
book.author=null;
book.price=0;
var bookArray=[];
for(var i=0; i<5; i++){
bookArray[i]=book;
var x=prompt("input","HTML5,황기태,20000");
var str=new String(x);
var y=str.split(",");
bookArray[i].title=y[0];
bookArray[i].author=y[1];
bookArray[i].price=parseInt(y[2]);
document.write(bookArray[i].title+","+bookArray[i].author+","+bookArray[i].price+"<br>");
}
document.write(bookArray[0].title);
/*실행하면 HTML5가 출력이 되지 않고 프롬프트의 마지막값(C++)만 출력됩니다. 다른 프로퍼티도 마찬가지 입니다.*/
코드를 살짝 보았습니다.
그런데 중요한 헛점이 하나 있는데 이것을 수정하면 전체 코드를 완성하는데 도움을 줄 수 있는 것 같아요.
허점은 바로 new Object()를 한 번만 하는 데 있습니다.
한 번 볼까요?
아래와 같이 배열을 만들었지요. 하지만, 이 배열의 각 원소에 객체를 등록하는 과정이 없어요.
var bookArray=[];
작성한 코드를 봅시다.
var book=new Object();
...
for(var i=0; i<5; i++){
bookArray[i]=book
....
}
이 방법으로 하면 안됩니다.
이것은 처음에 만든 book 이라는 객체 하나를 bookArray 배열에 모두 달게되는데, book 객체는 하나이니까 결과적으로 배열의 최종 원소(4번째, bookArray[4])에만 달리게됩니다.
그래서 마지막에 입력받은 C++의 정보만 살아 있게 되지요.
이 코드를 다음과 같은 형식으로 고쳐야할 것 같습니다.
for(var i=0; i<5; i++){
var book=new Object();
...
bookArray[i]=book;
....
}
배열의 모든 원소에 book 객체를 달아주도록 하세요.
그럼. 잘 마무리해보세요.