JavaScript 루프 코드 작성 팁

언어를 배우면서 프로그램의 복잡성은 증가합니다. 이제 코드가 의도한 대로 작동하도록 올바르게 작성하는 방법에 대해 이야기할 때입니다. 좋은 방법론을 알려 드리겠습니다.

구현하기 위해 상당한 양의 코드를 작성해야 하는 충분히 복잡한 작업이 있다고 가정해 보세요.

잘못된 접근 방식은 해결책의 모든 코드를 한 번에 작성하려고 시도한 다음 확인을 시작하는 것입니다. 이 경우, 아무것도 작동하지 않을 가능성이 높으며, 오류를 많은 코드 속에서 찾아야 합니다.

올바른 접근 방식은 작업을 작은 기본 단계로 분할하여 각 단계를 구현하고 즉시 정확성을 확인하는 것입니다. 이렇게 하면 실수하더라도 즉시 문제를 발견하고 수정할 수 있습니다.

실제로 시도해 봅시다. 예를 들어 숫자 배열이 주어졌다고 가정해 보겠습니다:

let arr = [1, 2, 3, 4, 5, 6, 7, 8, 9];

이 배열에서 3으로 나누어 떨어지는 요소를 가져와 그 합계를 찾는 작업이 있다고 가정합니다.

첫 번째 작은 단계로, 단순히 배열 요소를 루프로 반복하여 콘솔에 출력하는 것을 제안합니다. 이를 수행하고 모든 것이 작동하는지 확인해 봅시다:

for (let elem of arr) {
	console.log(elem);
}

이제 3으로 나누어 떨어지는 요소를 구분해 봅시다. 이를 콘솔에 출력하고 올바른 요소를 얻고 있는지 확인합니다:

for (let elem of arr) {
	if (elem % 3 === 0) {
		console.log(elem); // 3, 6, 9 출력
	}
}

다음 단계로 원하는 요소의 합계를 찾을 수 있습니다:

let sum = 0;

for (let elem of arr) {
	if (elem % 3 === 0) {
		sum += elem;
	}
}

console.log(sum);

다음 배열이 주어졌습니다:

let arr = [10, 20, 30, 40, 21, 32, 51];

이 배열에서 첫 번째 숫자가 1 또는 2인 요소를 가져와 그 합계를 찾으세요.