Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | |||||
3 | 4 | 5 | 6 | 7 | 8 | 9 |
10 | 11 | 12 | 13 | 14 | 15 | 16 |
17 | 18 | 19 | 20 | 21 | 22 | 23 |
24 | 25 | 26 | 27 | 28 | 29 | 30 |
Tags
- 비전공이지만 개발자로 먹고삽니다
- 전역변수의문제점
- Set과 Map
- ES6함수 추가기능
- peerdependencies
- 자바스크립트
- 인터넷 장비
- 자바스크립트 패턴
- 커리어
- 블로그 서비스 최적화
- const
- 이벤트
- 제너레이터와 async/await
- 딥다이브
- 스코프
- 자바스크립트 딥다이브
- 모던 자바스크립트 Deep Dive
- 프로그래머스
- 프로퍼티 어트리뷰트
- DOM
- 디스트럭처링
- Babel과 Webpack
- 프론트엔드 성능 최적화 가이드
- package management
- Property Attribute
- 올림픽 통계 서비스 최적화
- 브라우저의 렌더링 과정
- 빌트인 객체
- var 사용금지
- 이미지 갤러리 최적화
Archives
- Today
- Total
Dev Blog
반복문 본문
반복문 기초
Achievement Goals
-
반복문을 활용하여 단순한 기능을 반복하여 수행할 수 있다.
- for 문과 문자열, 숫자를 이용해 반복적으로 코드를 실행시킬 수 있다.
- 기본적인 for 문 for (let i = 0; i < 5; i++) 을 응용하여 다양한 for 문을 만들 수 있다.
- for와 while의 차이에 대해서 알고 있다.
- 반복문에 조건문을 응용하여 특정 조건에서만 코드를 실행시킬 수 있다.
- 이중 포문이 무엇인지 이해하고 활용할 수 있다.
반복할 내용을 { }block 안에 넣는다.
for 구문
- 반복할 조건을 초기화, 조건식, 증감문 순으로 넣는다.
for(시작;끝;증가 또는 감소(업데이트되는값)){
반복할내용
}
예를 들면,
let sum = 1;
for(let n = 2; n <= 4; n = n + 1) {
sum = sum + n;
}
console.log(sum); //10
while구문
- 반복할 조건 중, 초기화, 증감문은 따로, 조건식만 괄호 안에 넣는다.
var 변수 = 초깃값;
while (조건식){
실행문;
증감식;
}
예를 들면,
//while구문
let sum = 1;
let n = 2;
while(n <= 4) {
sum = sum + n;
n = n + 1;
}
console.log(sum); //10
//for구문
let sum = 1;
for(let n = 2; n <= 4; n = n + 1) {
sum = sum + n;
}
console.log(sum); //10
이중 for문
for(var i=2; i<=9; i++){
for(var j=1; j<=9; j++){
let sum = i * j;
document.write(i +"*"+ j +"="+ sum);
document.write("<br>");
}
}
구구단 출력 함수 예시
break문
코드 실행문을 빠져나갈 때 사용하며, 일반적으로 반복문을 종료할 때 사용한다.
for(초기값; 조건식; 증감식){
break;
실행문
}
let 변수 = 초기값;
while(조건식){
break;
실행문;
증감식
Break 가 포함된 반복문을 빠져나간다.
continue 문
continue는 continue 다음의 console.log(또는 다른 구문)를 실행하지 않고 반복문의 처음으로 가서 다시 진행한다.
break&continue문 출처: sleepybird.tistory.com/95?category=903009
'BootCamp_Codestates > Pre Tech Blog' 카테고리의 다른 글
배열 (0) | 2020.11.02 |
---|---|
디버깅이란? (0) | 2020.10.28 |
조건문_2020.10.26 (0) | 2020.10.27 |
함수_2020.10.26 (0) | 2020.10.27 |
타입기초_2020.10.26 (0) | 2020.10.27 |
Comments