-
[TIL] 반복문 종료방법(break, continue, return)Develope/Javascript 2020. 7. 28. 15:03
◎ 코딩을 하다 보면 반복문을 많이 사용하게 된다.
반복문을 실행하다가 중간에 종료하게 되는 상황이 있는데 그 방법에는 break, continue, return 등이 있다.
각 각의 방법의 차이점을 알아보자
1. break
◎ 반복문을 실행하다가 break문을 만나면 반복문은 그 즉시 실행을 멈추고 반복문은 종료된다.
const forBreak = () => { let sum = 0; for (let i = 0; i <= 100; i++) { if (sum > 100) { break; } sum += i; } console.log(sum); // 105 }; forBreak();
위 코드는 0부터 100까지의 수를 모두 더하는 함수이다.
0부터 100까지 더하면 5050이 출력되어야 하지만, sum이 100보다 커질 때 break문을 만나 반복문을 벗어나 종료하게 된다.
2. continue
◎ 특정 조건이 주어졌을 때, 그 조건이 만족하는 값을 만나면 명령을 건너뛰고 다음으로 넘어갈 때 사용한다.
const forContinue = () => { let sum = 0; for (let i = 0; i <= 100; i++) { if(i % 2 === 0) { continue; } sum += i; } console.log(sum); // 2500 }; forContinue();
위 코드는 0부터 100까지의 숫자 중 홀수만 더하는 함수이다.
i % 2 === 0 이면 짝수이기 때문에 continue문을 사용하여 실행시키지 않고 다음 코드로 건너뛰는 걸 볼 수 있다.
3. return
◎ 반복문을 종료시키기도 하지만 함수 자체를 종료시킨다.
const forReturn = () => { let sum = 0; for (let i = 0; i <= 100; i++) { if (sum > 100) { return; } sum += i; } console.log(sum); // 실행안됨 }; forReturn();
sum이 100보다 커질 때 반복문뿐만 아니라 forReturn( ) 함수 자체를 종료시킨다.
그래서 console에는 아무 값도 출력되지 않는다.
4. 느낀 점
◎ 요즘 알고리즘 공부를 하고있는데, 기본적인 반복문 사용이 어렵고 어떤 상황일 때 종료를 시키는지 헷갈리기 시작해서
반복문 종료방법에 대해서 공부를 하였다.
보통 return을 많이 사용하여 값을 출력했는데, 특정 상황에 따라 맞는 종료 법을 사용하여 원하는 값을 출력해야겠다.
'Develope > Javascript' 카테고리의 다른 글
[TIL] 함수형 프로그래밍 (0) 2020.08.08 [TIL] 브라우저의 동작 (0) 2020.07.30 [TIL] SSR & CSR (서버 사이드 렌더링 & 클라이언트 사이드 렌더링) (0) 2020.07.27 [TIL] Javascript 비동기 처리 방식 (3) 2020.07.07 [TIL] Javascript Arrow function (0) 2020.05.05