같은 일을 반복하는 for 반복문을 배우다.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<script>
/* 반복문
- 우리는 왜 반복문이 필요할까?
- 개발자가 하기 싫어하는 일 => 같은 일 반복
(1) for문
- for ~하는 동안
문법: for(초기화식; 종료조건; 증감식(++, +2, +3 ...);){
반복할 때 까지 실행할 로직
}
- 계속해서 현재 상황, 조건을 비교하며 만족시킬 때까지 반복을 진행
*/
/* 위 코드가 실행되는 흐름
1) 내 반복문의 카운터 역할을 하는 i의 초기값을 1로 지정
2) 현재 상태 i=1 / 조건에 만족 / => i++ 실행 / => 실행로직
3) 현재 상태 i=2 / 조건에 만족 / => i++ 실행 / => 실행로직
...(반복)
4) 현재 상태 i=6 / 조건에 불만족 / => for문 탈출
*/
for(let i = 1; i <= 5; i++) {
console.log("for: ", i)
}
// 예제 1부터 1000까지 더한 값을 문서에 출력
let sum = 0; // 전역 변수 : 스크립트 어디서든 사용 (전체 영역)
// 지역 변수 : 그 지역 안에서만 사용 가능 i, j ...
for(j = 1; j <= 1000; j++){
sum += j;
}
document.write(`1부터 1000까지 더한 값은 ${sum} 입니다.`);
console.log("sum :", sum) // 500500
// console.log("i :", i) // i is not defined -> i는 지역변수
</script>
</body>
</html>
기본 문법
for(초기화식; 종료조건; 증감식(++, +2, +3 ...);) {반복할 때 까지 실행할 로직}for문 밖에서 선언한 변수는 전역변수로 어디서든 사용가능한 변수
for문 안에서 선언한 변수는 지역변수로 for문 안에서만 사용가능하고 for문 안에서 서로 영향을 받는다.
'Front-End > 1. JavaScript 기초' 카테고리의 다른 글
| [JS] Ex14_반복문_별 찍기.html (0) | 2023.06.13 |
|---|---|
| [JS] Ex12_구구단.html (0) | 2023.06.13 |
| [JS] Ex10_다중if.html (0) | 2023.06.13 |
| [JS} Ex09_단순if.html (0) | 2023.06.13 |
| [JS] Ex13_자리배치도_예제.html (0) | 2023.06.13 |
