for문이란?
반복문으로 프로그램 내에서 변수의 값을 넣어 구문을 실행하여 반복횟수를 증가시켜 반복적인 코드를 처리하기 위해 쓰이는 명령문이다.
조건문의 조건이 맞지 않을때 반복문을 종료시킨다.
for문 기본 문법
for (let i = 0; i < 5; i++) {
// let i = 0; -> 0 데이터를 가진 변수 i 생성
// i < 5; -> i가 5보다 작을때
// i++ -> i에 1을 증가 시킨다.
// 즉, i가 0 ~ 4까지 1씩 증가하며 반복 되기 때문에 5번 동작한다.
console.log(i + "번째 출력");
}
이중 for문을 활용한 구구단 만들기
for문 안에 for문을 사용하는 for문으로 무한대로 중첩하여 사용이 가능하다. 위에 for문 기본 문법에선 변수 1개에의 값만 변하였다면 이중 for문을 사용하여 2개의 변수를 변하게 하여 간단하게 구구단을 만들 수 있다.
for (let j = 2; j < 10; j++) {
for (let k = 1; k < 10; k++) {
console.log(j + " * " + k + " = " + j * k);
}
}
- 아래의 순서로 for문이 동작
j | k | ||||||||
2 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 |
3 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 |
4 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 |
5 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 |
6 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 |
7 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 |
8 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 |
9 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 |
for문을 활용한 배열 비교
단순 반복에 의한 결과를 출력 할 수 도 있지만 간단한 조건문을 활용하여 배열 간 데이터를 비교하여 원하는 값을 찾을 수 있다.
// arr 배열과 arr2 배열을 비교하여 arr2 에 있는 인덱스와 같은 인덱스를 arr 배열에서 찾아 출력하시오
let arr = ["홍길동", "이몽룡", "이춘향", "장보고", "손흥민"];
let arr2 = ["손흥민"];
for (let x = 0; x < arr2.length; x++) {
for (let y = 0; y < arr.length; y++) {
if (arr2[x] == arr[y]) {
console.log(arr[y]);
}
}
}
x | y | ||||
arr2[0] | arr[0] | arr[1] | arr[2] | arr[3] | arr[4] |
for문을 활용한 배수 구하기
산술연산자를 활용하여 1 부터 99 까지의 수 중 7의 배수를 구해보자.
for (let z = 0; z < 100; z++) {
if (z % 7 == 0) { // 7로 나눴을때 남는 수가 0이라면
console.log("7의 배수 : " + z); // 로그를 출력
}
}
728x90
'JavaScript' 카테고리의 다른 글
[Javascript] 생성자 함수와 자주쓰는 DOM, BOM 메소드 (0) | 2023.03.21 |
---|---|
[Javascript] callback 함수를 활용한 일반 함수와 화살표 함수 사용 및 this의 차이점 알아보기 (0) | 2023.03.16 |
[Javascript] 배열 함수를 활용한 로또 번호 생성기 만들기 (2) | 2023.03.15 |
[Javascript] 함수를 활용한 묵찌빠 게임 만들기 (2) | 2023.03.14 |
[Javascript] 자바스크립트 이해하기 (0) | 2023.03.10 |