01. 1부터 10까지(초기값0)
for 루프를 사용하여 0부터 9까지 반복하고 1부터 10까지의 값을 출력하는 예제이다.
{
for(let i=0; i<10; i++){
document.write(i+1);
}
}
for 루프는 i라는 변수를 0으로 초기화합니다. (let i = 0)
루프는 i가 10보다 작을 때까지 실행됩니다. (i < 10)
각 반복에서 document.write(i+1);가 실행됩니다.
i의 현재 값에 1을 더한 값을 출력합니다. (i + 1)
루프가 실행될 때마다 i가 1씩 증가합니다. (i++ 는 i를 1만큼 증가시킵니다.)
루프는 i가 10보다 작을 때까지 실행됩니다. (i < 10)
각 반복에서 document.write(i+1);가 실행됩니다.
i의 현재 값에 1을 더한 값을 출력합니다. (i + 1)
루프가 실행될 때마다 i가 1씩 증가합니다. (i++ 는 i를 1만큼 증가시킵니다.)
결과 확인하기
02. 2부터 25까지 출력하기(초기값0)
for 루프를 사용하여 0부터 23까지 반복하고 각 값을 2씩 더한 결과를 출력하는 예제이다.
{
for(let i=0; i<24; i++){
document.write(i + 2);
}
}
for 루프는 i라는 변수를 0으로 초기화합니다. (let i = 0)
루프는 i가 24보다 작을 때까지 실행됩니다. (i < 24)
각 반복에서 document.write(i + 2);가 실행됩니다.
i의 현재 값에 2를 더한 값을 출력합니다. (i + 2)
루프가 실행될 때마다 i가 1씩 증가합니다. (i++ 는 i를 1만큼 증가시킵니다.)
루프는 i가 24보다 작을 때까지 실행됩니다. (i < 24)
각 반복에서 document.write(i + 2);가 실행됩니다.
i의 현재 값에 2를 더한 값을 출력합니다. (i + 2)
루프가 실행될 때마다 i가 1씩 증가합니다. (i++ 는 i를 1만큼 증가시킵니다.)
결과 확인하기
03. 1부터 20까지 출력하기(짝수만)(3가지)
1부터 20까지의 짝수를 출력하는 세 가지 다른 방법을 보여주는 예제이다.(for, if, while)
{
// for문을 사용
for(let i=2; i<=20; i+=2){
document.write(i);
}
// for문과 if문을 사용
for(let i=1; i<=20; i++){
if(i % 2 == 0){
document.write(i);
}
}
// while문 사용
let i = 2;
while(i<=20){
document.write(i);
i += 2;
}
}
for문을 사용 : for 루프를 사용하여 i를 2부터 20까지 2씩 증가시키면서 출력합니다.
for문과 if문을 사용 : for 루프를 사용하여 i를 1부터 20까지 1씩 증가시키면서, 짝수인 경우에만 출력합니다. if 문을 사용하여 짝수를 판별합니다.
while문 사용 : while 루프를 사용하여 i를 2부터 20까지 2씩 증가시키면서 출력합니다.
for문과 if문을 사용 : for 루프를 사용하여 i를 1부터 20까지 1씩 증가시키면서, 짝수인 경우에만 출력합니다. if 문을 사용하여 짝수를 판별합니다.
while문 사용 : while 루프를 사용하여 i를 2부터 20까지 2씩 증가시키면서 출력합니다.
결과 확인하기
04. 1부터 20까지 출력하기(홀수만)(3가지)
1부터 20까지의 홀수를 출력하는 세 가지 다른 방법을 보여주는 예제이다.(for, if, while)
{
// for문을 사용
for(let i=1; i<=20; i+=2){
document.write(i);
}
// for문과 if문을 사용
for(let i=1; i<=20; i++){
if(i % 2 == 1){
document.write(i);
}
}
// while문 사용
let i = 1;
while(i<=20){
document.write(i);
i += 2;
}
}
for문을 사용 : for 루프를 사용하여 i를 1부터 20까지 2씩 증가시키면서 출력합니다.
for문과 if문을 사용 : for 루프를 사용하여 i를 1부터 20까지 1씩 증가시키면서, 홀수인 경우에만 출력합니다. if 문을 사용하여 홀수를 판별합니다.
while문 사용 : while 루프를 사용하여 i를 1부터 20까지 2씩 증가시키면서 출력합니다.
for문과 if문을 사용 : for 루프를 사용하여 i를 1부터 20까지 1씩 증가시키면서, 홀수인 경우에만 출력합니다. if 문을 사용하여 홀수를 판별합니다.
while문 사용 : while 루프를 사용하여 i를 1부터 20까지 2씩 증가시키면서 출력합니다.
결과 확인하기
05. 1부터 100까지 출력하기(5의 배수만)(3가지)
5부터 100까지의 5의 배수를 출력하는 세 가지 다른 방법을 보여주는 예제이다.(for, if, while)
{
// for문을 사용
for(let i=5; i<=100; i+=5){
document.write(i);
}
// for문과 if문을 사용
for(let i=1; i<=100; i++){
if(i % 5 == 0){
document.write(i);
}
}
// while문 사용
let i = 5;
while(i<=100){
document.write(i);
i += 5;
}
}
for문을 사용 : for 루프를 사용하여 i를 5부터 100까지 5씩 증가시키면서 출력합니다.
for문과 if문을 사용 : for 루프를 사용하여 i를 1부터 100까지 1씩 증가시키면서, 5의 배수인 경우에만 출력합니다. if 문을 사용하여 5의 배수를 판별합니다.
while문 사용 : while 루프를 사용하여 i를 5부터 100까지 5씩 증가시키면서 출력합니다.
for문과 if문을 사용 : for 루프를 사용하여 i를 1부터 100까지 1씩 증가시키면서, 5의 배수인 경우에만 출력합니다. if 문을 사용하여 5의 배수를 판별합니다.
while문 사용 : while 루프를 사용하여 i를 5부터 100까지 5씩 증가시키면서 출력합니다.
결과 확인하기
06. 1부터 20까지 출력하기(짝수는 빨간색, 홀수는 파란색)
1부터 20까지의 숫자를 반복하면서 홀수는 파란색 텍스트로, 짝수는 빨간색 텍스트로 출력하는 예제이다.(for, if)
{
for(let i=1; i<=20; i++){
if(i % 2 == 1){
document.write("<span style='color: blue;'>"+i+"</span>");
} else {
document.write("<span style='color: red;'>"+i+"</span>");
}
}
}
for 루프를 사용하여 i를 1부터 20까지 1씩 증가시키면서 반복합니다.
if 문을 사용하여 현재 i가 홀수인지 짝수인지 확인합니다.
홀수인 경우, <span> 태그를 사용하여 파란색 텍스트 스타일을 적용한 후 현재 숫자 i를 출력합니다.
짝수인 경우, <span> 태그를 사용하여 빨간색 텍스트 스타일을 적용한 후 현재 숫자 i를 출력합니다.
if 문을 사용하여 현재 i가 홀수인지 짝수인지 확인합니다.
홀수인 경우, <span> 태그를 사용하여 파란색 텍스트 스타일을 적용한 후 현재 숫자 i를 출력합니다.
짝수인 경우, <span> 태그를 사용하여 빨간색 텍스트 스타일을 적용한 후 현재 숫자 i를 출력합니다.
결과 확인하기
07. 배열 데이터 1부터 10까지 출력하기
배열 arr에서 처음 10개의 요소를 반복하여 출력하는 예제이다.(for 루프)
{
const arr = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
for (let i=0; i<=9; i++){
document.write(arr[i]);
}
}
배열 arr을 선언하고 초기화합니다. 이 배열에는 1부터 10까지의 정수가 포함합니다
for 루프를 사용하여 i를 0부터 9까지 1씩 증가시키면서 반복합니다.
반복에서 arr[i]를 사용하여 배열 arr에서 현재 인덱스 i에 해당하는 요소를 가져와서 출력합니다.
for 루프를 사용하여 i를 0부터 9까지 1씩 증가시키면서 반복합니다.
반복에서 arr[i]를 사용하여 배열 arr에서 현재 인덱스 i에 해당하는 요소를 가져와서 출력합니다.
결과 확인하기
08. 구구단 출력하기(8단 출력하기)
구단 중에서 8단을 출력하는 예제이다.(for 루프)
{
for(let i=8; i<=8; i++){
document.write(i+"단<br>");
for(let j=1; j<=9; j++){
document.write(i+ "*" +j+ "=" + i * j+ "<br>");
}
}
}
외부의 for 루프는 8단을 출력하기 위해 한 번 실행됩니다. document.write(i + "단<br>");를 사용하여 8단을 출력하고 줄 바꿈 태그 (<br>)를 추가합니다.
내부의 for 루프는 8단의 곱셈 표를 생성하기 위해 1부터 9까지 반복됩니다. 각 반복에서 i * j를 사용하여 곱셈 결과를 계산하고, 해당 결과를 텍스트로 출력합니다.
내부의 for 루프는 8단의 곱셈 표를 생성하기 위해 1부터 9까지 반복됩니다. 각 반복에서 i * j를 사용하여 곱셈 결과를 계산하고, 해당 결과를 텍스트로 출력합니다.
결과 확인하기
09. 테이블 출력하기(5*5 출력하기)
for 루프를 사용하여 5x5 크기의 테이블을 생성하고 테이블 셀에 숫자를 채우는 예제이다.
{
let t = "<table class='table'>";
let num = 1;
for(let i=1; i<=5; i++){
t += "<tr>";
for(let k=1; k<=5; k++){
t += "<td>" + num++ +"</td>";
}
t += "</tr>";
}
t += "</table>";
document.write(t);
}
문자열 t를 초기화하고, 테이블을 시작하는 HTML 코드를 추가합니다. 테이블 클래스는 "table"로 지정됩니다.
변수 num을 초기화하고 1로 설정합니다. 이 변수는 테이블 셀에 출력될 숫자를 나타냅니다.
외부의 for 루프는 테이블의 각 행을 생성하기 위해 5번 반복됩니다. 각 반복에서 <tr> 태그를 추가합니다.
내부의 for 루프는 현재 행에 5개의 셀을 생성하기 위해 5번 반복됩니다. 각 반복에서 <td> 태그를 추가하고 num 변수의 값을 테이블 셀에 출력한 후, num 값을 증가시킵니다.
내부 for 루프가 완료되면 </tr> 태그를 사용하여 행을 닫습니다. 외부 for 루프가 완료되면 </table> 태그를 사용하여 테이블을 닫습니다.
변수 num을 초기화하고 1로 설정합니다. 이 변수는 테이블 셀에 출력될 숫자를 나타냅니다.
외부의 for 루프는 테이블의 각 행을 생성하기 위해 5번 반복됩니다. 각 반복에서 <tr> 태그를 추가합니다.
내부의 for 루프는 현재 행에 5개의 셀을 생성하기 위해 5번 반복됩니다. 각 반복에서 <td> 태그를 추가하고 num 변수의 값을 테이블 셀에 출력한 후, num 값을 증가시킵니다.
내부 for 루프가 완료되면 </tr> 태그를 사용하여 행을 닫습니다. 외부 for 루프가 완료되면 </table> 태그를 사용하여 테이블을 닫습니다.
결과 확인하기
10. 테이블 출력하기(5*5 짝수만 나오게 출력하기)
for 루프를 사용하여 10x5 크기의 테이블을 생성하고 짝수인 숫자를 출력하는 예제이다.
{
let t = "<table class='table'>";
let num = 2;
for(let i=1; i<=10; i++){
t += "<tr>";
for(let k=1; k<=5; k++){
t += "<td>"+ num +"</td>";
num +=2
}
t += "</tr>";
}
t += "</table>";
document.write(t);
}
문자열 t를 초기화하고, 테이블을 시작하는 HTML 코드를 추가합니다. 테이블 클래스는 "table"로 지정됩니다.
변수 num을 초기화하고 2로 설정합니다. 이 변수는 테이블 셀에 출력될 숫자를 나타냅니다. 처음에는 2부터 시작합니다.
외부의 for 루프는 테이블의 각 행을 생성하기 위해 10번 반복됩니다. 각 반복에서 <tr> 태그를 추가합니다.
내부의 for 루프는 현재 행에 5개의 셀을 생성하기 위해 5번 반복하고 <td> 태그를 추가 num 변수의 값을 테이블 셀에 출력한 후, num 값을 2씩 증가시킵니다.
내부 for 루프가 완료되면 </tr> 태그를 사용하여 행을 닫습니다. 외부 for 루프가 완료되면 </table> 태그를 사용하여 테이블을 닫습니다.
변수 num을 초기화하고 2로 설정합니다. 이 변수는 테이블 셀에 출력될 숫자를 나타냅니다. 처음에는 2부터 시작합니다.
외부의 for 루프는 테이블의 각 행을 생성하기 위해 10번 반복됩니다. 각 반복에서 <tr> 태그를 추가합니다.
내부의 for 루프는 현재 행에 5개의 셀을 생성하기 위해 5번 반복하고 <td> 태그를 추가 num 변수의 값을 테이블 셀에 출력한 후, num 값을 2씩 증가시킵니다.
내부 for 루프가 완료되면 </tr> 태그를 사용하여 행을 닫습니다. 외부 for 루프가 완료되면 </table> 태그를 사용하여 테이블을 닫습니다.
결과 확인하기
11. 테이블 출력하기(10*10 짝수는 빨간색, 홀수는 파란색 출력하기)
for 루프를 사용하여 10x5 크기의 테이블을 생성하고 홀수와 짝수에 따라 텍스트 색상을 지정하는 예제이다.
{
let t = "<table class='table'>";
let num = 1;
for(let i=1; i<=10; i++){
t += "<tr>";
for(let k=1; k<=5; k++){
(num % 2 == 0) ? t += "<td style='color:red'>" + num + "</td>" : t += "<td style='color:blue'>" + num + "</td>";
num++;
}
t += "</tr>";
}
t += "</table>";
document.write(t);
}
문자열 t를 초기화하고, 테이블을 시작하는 HTML 코드를 추가합니다. 테이블 클래스는 "table"로 지정됩니다.
변수 num을 초기화하고 1로 설정합니다.
외부의 for 루프는 테이블의 각 행을 생성하기 위해 10번 반복됩니다. 각 반복에서 <tr> 태그를 추가합니다.
내부의 for 루프는 현재 행에 5개의 셀을 생성하기 위해 5번 반복, 삼항 조건 연산자를 사용하여 num 변수가 홀수인지 짝수인지 확인, 텍스트 색상(red,blue)을 가진 <td> 태그를 추가합니다. 그리고 num 값을 증가시킵니다.
내부 for 루프가 완료되면 </tr> 태그를 사용하여 행을 닫습니다. 외부 for 루프가 완료되면 </table> 태그를 사용하여 테이블을 닫습니다.
변수 num을 초기화하고 1로 설정합니다.
외부의 for 루프는 테이블의 각 행을 생성하기 위해 10번 반복됩니다. 각 반복에서 <tr> 태그를 추가합니다.
내부의 for 루프는 현재 행에 5개의 셀을 생성하기 위해 5번 반복, 삼항 조건 연산자를 사용하여 num 변수가 홀수인지 짝수인지 확인, 텍스트 색상(red,blue)을 가진 <td> 태그를 추가합니다. 그리고 num 값을 증가시킵니다.
내부 for 루프가 완료되면 </tr> 태그를 사용하여 행을 닫습니다. 외부 for 루프가 완료되면 </table> 태그를 사용하여 테이블을 닫습니다.