01. 1부터 10까지 출력하기(초기값0)
for()문을 이용하여 1부터 10까지 출력하는 예제입니다.
{
for(let i=0; i<10; i++){
console.log(i+1);
}
}
2줄: for(let i=0; i < 10; i++): 이 부분은 for루프의 시작을 나타냅니다. 루프는 세가지 세그먼트로 구성됩니다.
2줄: console.log(i+1);에 의해 현재 i의 값인 0에 1을 더한 값인 1이 콘솔에 출력됩니다.
2줄: i <= 10; 조건을 검사하여 루프가 실행될지 결정합니다. i가 10보다 작을 때만 루프가 계속 실행됩니다.
2줄: 이 부분은 for 루프의 본문을 시작하는 중괄호를 나타냅니다.
3줄: console.log(i):이 부분은 현재 반복횟수를 나타내는 변수 i의 값을 출력하는 코드입니다. console.log 함수는 브라우저나 Node.js 환경에서
콘솔에 값을 출력하는 함수입니다.
4줄: 이부분은 for 루프의 본문을 마치는 중괄호를 나타냅니다.
결과 확인하기
02. 1부터 25까지 출력하기(초기값0)
for()문을 이용하여 1부터 25까지 출력하는 예제입니다.
{
for(let i=0; i<25; i++){
console.log(i+1);
}
} 2줄: for(i=0; i<=25; i++): 이 부분은 반복문의 시작을 정의하는 부분입니다. i라는 변수를 0으로 초기화하고, i가 25보다
작을 때까지 반복을 실행하며 i를 1씩 증가시킵니다.
3줄: console.log(i+1);: 이 부분은 반복문의 본문 내용입니다. 여기서는 현재 i에 2를 더한 값을 console.log 함수를 사용하여 출력합니다. 따라서
반복이 진행될 때마다 1씩 증가한 값이 출력됩니다.
결과 확인하기
03. 1부터 20까지 출력하기(짝수만)(3가지)
for문, while문, if문을 사용해서 20까지 짝수만 출력하는 예제입니다.
{
//for 문
for(let i = 2; i<=20; i+=2){
console.log(i+1);
}
//while문
let i = 2;
while(i<=20){
console.log(i);
i += 2;
}
//for문+if문
for(let i =2; i<=20; i++){
if(i % 2 === 0){
console.log(i);
}
}
}반복문을 수행하는 세 가지 방법입니다.
1. for 반복문을 사용하여 1부터 20까지의 값을 2씩 증가시키며 출력합니다.
2. while 반복문을 사용하여 마찬가지로 0부터 20까지의 값을 2씩 증가시키며 출력합니다. 반복문은 조건인 i < 21이 참인 동안 실행됩니다.
3. for 반복문을 사용하여 0부터 20까지의 값을 1씩 증가시키며, 만약 i가 짝수인 경우에만 출력합니다.
결과 확인하기
04. 1부터 20까지 출력하기(홀수만)(3가지)
for()문을 이용하여 1부터 20까지 홀수만 출력하는 3가지 방법의 예제입니다
{
//if문
for(let i=1; i<=20; i+=2){
console.log(i);
}
//while문
let i = 1;
while(i<=20){
console.log(i);
i += 2;
}
//if문 for문
for(let i=1; i<=20; i++){
if(i % 2 !== 0){
console.log(i);
}
}
}1. for 반복문을 사용하여 1부터 20까지의 값을 2씩 증가시키며 출력합니다.
2. while 반복문을 사용하여 마찬가지로 1부터 20까지의 값을 2씩 증가시키며 출력합니다.
3. for 반복문을 사용하여 1부터 20까지의 값을 1씩 증가시킵니다. if문을 사용해 i가 홀수인 경우에만 출력합니다.
반복문은 모든 정수를 탐색하면서, if 문을 통해 현재 i값이 홀수인지 확인합니다. 만약 홀수라면 해당 값을 출력합니다.
결과 확인하기
05. 1부터 100까지 출력하기(5의배수)
1부터 100까지 5의 배수를 출력하는 예제입니다.
{
//for문
for(let i=5; i<=100; i+=5){
console.log(i);
}
//while문
let i = 5
while(i<=100){
console.log(i);
i += 5;
}
//for문 if문
for(let i=1; i<=100; i++){
if(i % 5 == 0){
console.log(i);
}
}
}// for문을 사용
1.let i = 5;: 반복문의 제어 변수 i를 5로 초기화합니다.
2.for(i <= 100): i가 100 이하인 동안 반복합니다.
3.document.write(i);: 반복문 내부에서는 현재 i 값을 document.write() 함수를 사용하여 출력합니다. 이는 브라우저에게 현재 i 값을 화면에
표시하라는 명령입니다.
4.i += 5;: 반복이 한 번 실행될 때마다 i에 5를 더합니다. 이렇게 함으로써 i는 5씩 증가하며, 5의 배수를 출력하게 됩니다.
// while문을 사용
1.let i = 5; : 반복문의 제어 변수 i를 5로 초기화합니다.
2.while(i <= 100) : i가 100 이하인 동안 반복합니다. 이것은 while 루프의 조건입니다.
3.document.write(i);: 반복문 내부에서는 현재 i 값을 document.write() 함수를 사용하여 출력합니다. 이는 브라우저에게 현재 i 값을 화면에
표시하라는 명령입니다.
4.i += 5;: 반복이 한 번 실행될 때마다 i에 5를 더합니다. 이렇게 함으로써 i는 5씩 증가하며, 5의 배수를 출력하게 됩니다.
// for문과 if문을 사용
1.let i = 1;: 반복문의 제어 변수 i를 1로 초기화합니다.
2.for(i <= 100) { ... }: i가 100 이하인 동안 반복합니다. 이것은 for 루프의 조건입니다.
3.if(i % 5 == 0) { ... }: 현재 숫자 i가 5의 배수인지 확인하는 조건문입니다. % 연산자는 나머지를 계산하는 연산자이며, i % 5의 결과가 0이면
i는 5의 배수입니다.
4.document.write(i);: 조건문의 결과가 참이라면, 즉 i가 5의 배수라면 document.write() 함수를 사용하여 현재 i 값을 출력합니다.
결과 확인하기
06. 1부터 20까지 출력하기 (짝수는 빨간색, 홀수는 파란색)
1부터 20까지 홀수는 파란색 짝수는 빨간색으로 출력하는 예제입니다.
{
for(let i=1; i<=20; i++){
if(i % 2 !== 0){
console.log("<span style='color:red'>"+ i + "<br></span>");
} else {
console.log("<span style='color:blue'>" + i + "<br></span>");
}
}
} 2줄 : for(let i=1; i&tl=20; i++) : i라는 변수를 선언하고 초기값 1을 할당합니다.i가 21보다 작은 동안 반복문이
실행됩니다.
조건이 참(True)인 동안 반복문의 코드 블록이 반복 실행됩니다.
2줄: 각 반복이 끝날 때마다 i 값을 1씩 증가시킵니다.
2줄: 중괄호 {} 안에 있는 코드는 반복문이 실행될 때마다 실행됩니다.
3줄: if 문을 사용하여 i 값이 짝수인지 홀수인지 확인합니다.
4줄: 만약 i가 짝수라면, 빨간색으로 텍스트를 출력하고
6줄: 그렇지 않으면 파란색으로 텍스트를 출력합니다.
결과 확인하기
07. 배열 데이터 1부터 10까지 출력하기
배열 데이터 1부터 10까지 출력하는 예제입니다.
{
const arr = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
for(let i=0; let i=0; i<arr.length; i++){
console.log(arr[i]);
}
} 2줄: arr이라는 이름의 상수 배열을 생성하고 초기화합니다. 배열 내부에 1부터 10까지의 정수가 들어있습니다.
4줄: 반복문이 시작을 정의하는 부분입니다. 변수 i를 0으로 초기화하고, i가 arr 배열의 길이보다 작을 동안에 반복을 실행하며 i를 1씩 증가시킵니다.
5줄: arr 배열의 인덱스 i에 해당하는 원소를 출력합니다.
결과 확인하기
08. 구구단 출력하기(8단 출력하기)
중첩 for()문을 이용하여 구구단 8단을 출력하는 예제입니다.
{
for(i=8; i<9; i++){
console.log(i + "단<br>")
for(j=1; j<=10; j++){
console.log(i + " * " + j + " = " + i*j + "<br>")
}
}
}
2줄: 변수 i를 8로 초기화하고, i가 9보다 작을 동안에 반복을 실행하며 i를 1씩 증가시킵니다.
3줄: 바깥쪽 반복문의 각 반복마다 i 단의 제목을 출력합니다. 여기서 "<br>"은 줄바꿈을 나타냅니다.
4줄: for (let j = 1; j < 10; j++): 내부 for 루프는 1부터 9까지의 값을 j에 대입하면서 반복합니다
5줄: i와 j를 사용하여 곱셈식과 결과를 문자열로 만들어 출력합니다.
결과 확인하기
09.테이블 출력하기(5*5)
중첩for문을 사용하여 5x5 크기의 테이블을 생성하고 각 셀에 순차적인 숫자를 채우는 예제입니다
{
let table = "<table class='table'>";
let num = 1;
for(let i=1; i<=5; i++){
table += "<tr>";
for(let j=1; j<=5; j++){
table += "<td>"+num+"</td>";
num ++;
}
table += "</tr>";
}
table += "</table>";
document.write(table);
}
1. 테이블의 시작 태그를 table 문자열에 추가하며 클래스 이름을 설정합니다.
2. num 변수를 사용하여 테이블의 각 셀에 들어갈 숫자를 초기화합니다.
3. for ()문을 사용하여 행을 생성하고 시작 태그를 추가합니다.
4. 내부 루프 for 문을 사용하여 열을 생성하고 각 셀에 숫자를 넣습니다. 숫자는 num 변수를 통해 증가시킵니다.
5. 각 행의 종료 태그 /tr를 추가합니다.
6. 외부 루프가 종료되면 테이블의 종료 태그를 추가합니다.
7. document.write(table)을 사용하여 생성한 테이블을 현재 웹 페이지에 출력합니다.
결과 확인하기
10. 구구단 출력하기(5*5 짝수만 나오게 출력하기)
중첩 for()문을 이용해 5행 5열 표를 만들고 짝수만 출력합니다.
{
let table = "<table class='table'>";
let num = 2;
for(let i=1; i<=5; i++){
table += "<tr>";
for(let j=1; j<=5; j++){
table += "<td>" + num + "<td>";
num+=2;
}
table += "</tr>";
}
table += "</table>"
document.write(table);
}
1. i 변수를 사용하여 외부 루프를 시작합니다. 이 루프는 테이블의 행을 나타냅니다. i는 1부터 5까지 반복됩니다.
2. table += "";: 현재 행에 대한 열을 시작하는 문자열을 table 변수에 추가합니다.
3. for(let j=1; j<=5; j++): j 변수를 사용하여 내부 루프를 시작합니다. 이 루프는 각 행 안에 있는 각 셀을 나타냅니다. j는 1부터 5까지
반복됩니다.
4. table += " " + num + "";: 현재 셀에 num 값을 포함하는 열을 추가합니다.
5. 반복문이 수행될 때마다, num에 2를 더해주어 짝수만 출력합니다.
6. 6.table += "": 현재 행을 닫는 문자열을 table 변수에 추가합니다.
결과 확인하기
11.테이블 출력하기(10*10 짝수는 빨간색, 홀수는 파란색 출력하기)
중첩 for()문과 if()문을 이용해 10열 10행 표를 만들고, 짝수는 빨간색, 홀수는 파란색으로 출력하는 예제입니다.
{
let table = "<table class='table'>";
let num = 1;
for(let i=1; i<=10; i++){
if(num%2==0){
table += "<tr>";
for(let j=1; j<=5; j++){
table += "<td><span style='color: red;'>" +num+ "</span ></td>";
num++;
}
} else {
table += "<tr>";
for(let j=1; j<=5; j++){
table += "<td><span style='color: blue;'>" +num+ "</span ></td>";
num++;
}
};
able += "</tr>";
};
table += "</table>";
document.write(table);
}
1 let num = 1;: 변수 num을 초기화하여 표에 넣을 첫 번째 숫자를 나타냅니다. 1부터 시작합니다.
3. for (let i = 0; i < 10; i++) : 외부 루프 표의 행을 생성합니다. 10개의 행을 만듭니다.
4. table += "<tr>";: 각 행을 나타내는 <tr>(표의 행) 요소를 열고, table 문자열에 추가합니다.
5. for (let j = 0; j < 10; j++) : 내부 루프 각 행에 10개의 <td>(표의 셀)를 생성합니다.
6. if (num % 2 === 0) : 현재 num이 짝수인지 확인합니다.
7.
8.
9. num++;: num을 1씩 증가시킵니다.
10.table += "</tr>";: 현재의 행을 닫는 </tr> 태그를 table 문자열에 추가합니다.
11. table += "</table>";: 표 전체를 닫는 </table> 태그를 table 문자열에 추가합니다.
12. document.write(table);: table을 문서에 출력합니다.