MDN 배열 문제에 관하여 - 배열과 반복문을 중심으로
Mozilla Developer Network(이하 MDN)에서 JavaScript를 공부하던 중 "Active learning: Printing those products!"(MDN) 의 문제를 풀게 되었습니다.
문제는 다음과 같습니다:
- 약간의 코드(JSFiddle)를 작성하였으나 작동하지 않았습니다.
답변 내용:
- 만약 저의 코드가 올바르지 않다면(문법적으로나 논리적으로나), 그 이유를 설명해 주세요.
참조 링크(MDN): https://developer.mozilla.org/en-US/docs/Learn/JavaScript/First_steps/Arrays
var productName = number1[i].slice(0, (number1[i].indexOf(':')));
var productPrice = number1[i].slice(number1[i].indexOf(':')+1);
그리고 Number함수 만 쓰면 최소로 수정
slice는 array.slice(0,4) 이런 식으로 씁니다.
split 쓰면 더 간편합니다.
Number함수 안쓰면 '1'+'2'+'3' 처럼 결과가 '123' 이됩니다
for (var i = 0; i < (number1.length); i++) {
var product = number1[i].split(':');
itemText = product[0] + '—' + product[1];
total += Number(product[1]);
var listItem = document.createElement('li');
listItem.textContent = itemText;
list.appendChild(listItem);
}
totalBox.textContent = 'Total: $' + total.toFixed(2);