01 : 1부터 10까지 출력하기(초기값0)
for()문을 이용하여 1부터 10까지 출력하는 예제입니다.
{
for(let i=0; i<10; i++){
console.log(i+1);
}
}
2줄 : let i = 1; : 변수 i를 0으로 초기화합니다. 이 변수는 반복문의 카운터로 사용됩니다.
2줄 : i<10; : 반복문이 실행될 조건을 정의합니다. i가 10보다 작을때 반복문이 실행됩니다.
2줄 : i++ : 반복문이 한 번 실행될 때마다 i의 값을 1씩 증가시킵니다.
3줄 : console.log(i+1); : 현재 i+1의 값을 콘솔에 출력합니다.
결과 확인하기
02. 2부터 25까지 출력하기(초기값0)
for()문을 이용하여 2부터 25까지 출력하는 예제입니다.
{
for(let i=0; i<24; i++){
console.log(i+2);
}
}
2줄 : let i = 2; : 변수 i를 0으로 초기화합니다. 이 변수는 반복문의 카운터로 사용됩니다.
2줄 : i<24; : 반복문이 실행될 조건을 정의합니다. i가 24보다 작거나 같을 동안 반복문이 실행됩니다.
2줄 : i++ : 반복문이 한 번 실행될 때마다 i의 값을 1씩 증가시킵니다.
3줄 : console.log(i+2); : 현재 i+2의 값을 콘솔에 출력합니다.
결과 확인하기
03. 1부터 20까지 출력하기(짝수만) (3가지)
for(), while문, if for문을 이용하여 1부터 20까지 짝수만 출력하는 예제 3가지입니다.
{
for(let i=2; i<=20; i+=2){
console.log(i);
}
let i = 2;
while (i <= 20){
console.log(i);
i += 2;
}
for(let i=1; i<=20; i++){
if(i % 2 == 0){
console.log(i);
}
}
}
2줄 : for 반복문을 사용하여 1부터 20까지의 짝수를 출력합니다
6줄 : while 반복문을 사용하여 2부터 20까지의 짝수를 출력합니다. while 반복문은 조건이 참인 동안 계속 반복되며, i가 20보다 작거나 같을 동안에만 반복문이 실행됩니다.
12줄 : for 반복문을 사용하여 1부터 20까지의 숫자를 출력하는 코드입니다.
13줄 : 12번째줄의 값중 if 문을 사용하여 현재 숫자가 짝수인지를 확인하고, 짝수인 경우에만 출력합니다.
결과 확인하기
04. 1부터 20까지 출력하기(홀수만) (3가지)
for(), while문, if for문을 이용하여 1부터 20까지 홀수만 출력하는 예제3가지입니다.
{
for(let i=1; i<=20; i+=2){
console.log(i);
}
let i = 1;
while (i <= 20){
console.log(i);
i += 2;
}
for(let i=1; i<=20; i++){
if(i % 2 == 1){
console.log(i);
}
}
}
2줄 : for 반복문을 사용하여 1부터 20까지의 홀수를 출력합니다
6줄 : while 반복문을 사용하여 1부터 20까지의 홀수를 출력합니다. while 반복문은 조건이 참인 동안 계속 반복되며, i가 20보다 작거나 같을 동안에만 반복문이 실행됩니다.
12줄 : for 반복문을 사용하여 1부터 20까지의 숫자를 출력하는 코드입니다.
13줄 : 12번째줄의 값중 if 문을 사용하여 현재 숫자가 홀수인지를 확인하고, 홀수인 경우에만 출력합니다.
결과 확인하기
05. 1부터 100까지 출력하기(5의 배수) (3가지)
for()문 ,while문, if for문을 이용하여 1부터 100까지 5의 배수를 출력하는 예제입니다.
{
for(let i=5; i<=100; i+=5){
console.log(i);
}
let i = 5;
while(i<=100){
console.log(i);
i+=5;
}
for(let i=1; i<=100; i++){
if(i % 5 == 0){
console.log(i);
}
}
}
let i = 5;: 변수 i를 5로 초기화합니다. 이 변수는 반복문의 카운터로 사용됩니다.
i <= 100;: 반복문이 실행될 조건을 정의합니다. i가 100보다 작거나 같을 동안 반복문이 실행됩니다.
i += 5;: 반복문이 한 번 실행될 때마다 i의 값을 5씩 증가시킵니다. 이렇게 하면 5의 배수만 출력하게 됩니다.
if(i % 5 == 0): 현재 숫자 i가 5로 나누어 떨어지는지 확인합니다. 즉, 5의 배수인지를 검사합니다.
console.log(i);: 현재 i의 값을 콘솔에 출력합니다.
2줄 : for문
6줄 : while문
12wnf : if for문
결과 확인하기
06. 1부터 20까지 출력하기(짝수는 빨간색, 홀수는 파란색)
for if문을 이용하여 1부터 20까지 짝수는 빨간색, 홀수는 파란색 출력하는 예제입니다.
{
for(let i=1; i<=20; i++){
if(i % 2 == 0){
document.write("<span style='color:red'>"+i+"</span>", "<br>");
} else {
document.write("<span style='color:blue'>"+i+"</span>","<br>");
}
}
}
2줄 : let i = 1;: 변수 i를 1로 초기화합니다. 이 변수는 반복문의 카운터로 사용됩니다.
2줄 : i <= 20;: 반복문이 실행될 조건을 정의합니다. i가 20보다 작거나 같을 동안 반복문이 실행됩니다.
3줄 : if(i % 2 == 0): 현재 숫자 i가 2로 나누어 떨어지는지 확인합니다. 즉, 짝수인지를 검사합니다.
4줄 : document.write(""+i+"", "");: 짝수인 경우에는 현재 i의 값을 스페이스와 함께 출력합니다.
5줄 : else: 짝수가 아닌 경우 (즉, 홀수인 경우) 실행됩니다.
6줄 : document.write(""+i+"", "");: 홀수인 경우에도 현재 i의 값을 스페이스와 함께 출력합니다.
결과 확인하기
07. 배열 데이터 1부터 10까지 출력하기
for()을 이용하여 배열데이터 1부터 10까지 출력하는 예제입니다.
{
const arr = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
for(let i=0; i<10; i++){
console.log(arr[i]);
}
}
2줄 : const arr = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10] : 배열 arr을 선언하고, 숫자 1부터 10까지의 값을 요소로 가지도록 초기화합니다.
4줄 : let i = 0;: 변수 i를 0으로 초기화합니다. 이 변수는 배열의 인덱스를 나타내는데 사용됩니다.
4줄 : i < 10;: 반복문이 실행될 조건을 정의합니다. i가 10보다 작을 동안 반복문이 실행됩니다.
5줄 : console.log(arr[i]);: 현재 i의 값에 해당하는 배열 arr의 요소를 콘솔에 출력합니다.
결과 확인하기
08. 구구단 출력하기(8단만 출력하기)
중첩for()문을 이용하여 구구단 8단을 출력하는 예제입니다.
{
for(let i=8; i<9; i++){
console.log(i+"단");
for(let j=1; j<=9; j++){
console.log(i + " * " + j + " = " + i*j);
}
}
}
2줄 : let i = 8;: 변수 i를 8로 초기화합니다. 이 변수는 구구단의 단 수를 나타냅니다.
2줄 : i < 9;: 반복문이 실행될 조건을 정의합니다. i가 9보다 작을 동안 반복문이 실행됩니다.
3줄 : console.log(i + "단");: 현재 i의 값을 사용하여 현재 단을 출력합니다.
5줄 : let j = 1;: 변수 j를 1로 초기화합니다. 이 변수는 각 단의 곱셈을 계산할 때 사용됩니다.
5줄 : j <= 9;: 내부 반복문이 실행될 조건을 정의합니다. j가 9보다 작거나 같을 동안 내부 반복문이 실행됩니다.
6줄 : console.log(i + " * " + j + " = " + i * j);: 현재 i와 j의 값을 사용하여 각 곱셈식을 출력합니다.
결과 확인하기
09. 테이블 출력하기(5*5 출력하기)
25칸 테이블 만들기
{
let num = 1;
let table = "<table class = 'table'>";
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);
}
2줄 : let num = 1;: 변수 num을 선언하고 1을 할당합니다. 이 변수는 테이블 셀에 들어갈 숫자를 나타내는 역할을 합니다.
3줄 : let table = "<table class = 'table'>": 변수 table을 선언하고 문자열로 테이블의 시작 부분을 할당합니다. 이 부분은 HTML <table> 요소를 정의하며, 클래스 이름으로 'table'을 지정하고 있습니다.
4줄 : for(let i=1; i<=5; i++){: i 변수를 사용한 반복문을 시작합니다. i 변수는 테이블의 행을 나타냅니다. 이 반복문은 5번 반복됩니다.
5줄 : table += "<tr>";: 각 반복문에서 테이블에 새로운 행을 추가하기 위해 <tr> 요소를 table 문자열에 추가합니다.
6줄 : for(let j=1; j<=5; j++){: 내부 반복문을 시작합니다. j 변수는 각 행에 셀을 추가하는 역할을 합니다. 이 반복문도 5번 반복됩니다.
7줄 : table += "<td>" + num + "</td>";: 각 반복에서 숫자 num을 <td> 요소로 둘러싸서 table 문자열에 추가합니다. 그리고 num을 1씩 증가시켜 다음 숫자를 나타내도록 합니다.
10줄 : table += "</tr>";: 내부 반복문이 끝나면, 각 행의 끝에 </tr>를 추가하여 해당 행을 닫습니다.
12줄 : table += "</table>": 외부 반복문이 모두 끝나면, 테이블을 닫는 </table> 태그를 table 문자열에 추가합니다.
결과 확인하기
10. 테이블 출력하기(5*5 짝수만 나오게 출력하기)
{
let num = 2;
let table = "<table class = 'table'>"
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);
}
2줄 : let num = 2;: num 변수를 선언하고 2로 초기화합니다. 이 변수는 표의 각 셀에 들어갈 숫자를 나타냅니다.
3줄 : let table = "<table class = 'table'>": table 변수를 선언하고, 테이블 엘리먼트를 시작하는 HTML 문자열을 할당합니다. class 속성을 사용하여 CSS 스타일링을 위한 클래스 "table"을 할당하였습니다.
4줄 : for(let i=1; i<=5; i++) {: 바깥쪽 for 루프를 시작합니다. 이 루프는 5번 반복됩니다. 각 반복은 테이블의 새로운 행(<tr>)을 생성합니다.
5줄 : table += "<tr>";: 현재 반복에서 <tr>(테이블 행) 엘리먼트를 table 문자열에 추가합니다.
7줄 : for(let j=1; j<=5; j++) {: 안쪽 for 루프를 시작합니다. 이 루프는 5번 반복됩니다. 각 반복은 테이블 행(<tr>) 내에서 5개의 데이터 셀(<td>)을 생성합니다.
8줄 : table += "<td>" + num + "</td>";: 현재 반복에서 <td>(테이블 데이터 셀) 엘리먼트를 table 문자열에 추가하고, num 변수의 값을 현재 값으로 할당합니다. 각 셀에는 현재 num 변수의 값이 들어가며, num은 2씩 증가합니다.
11줄 : table += "</tr>";: 안쪽 for 루프가 완료되면, 테이블 행을 닫는 </tr> 태그를 table 문자열에 추가합니다.
13줄 : 바깥쪽 for 루프가 완료되면, 모든 테이블 행이 생성되었으므로 테이블을 닫는 </table> 태그를 table 문자열에 추가합니다.
결과 확인하기
11. 테이블 출력하기(10*10 짝수는 빨간색, 홀수는 파란색 출력하기)
{
let num = 1;
let table = "<table class = 'table'>"
for(let i=1; i<=10; i++){
table += "<tr>";
for(let j=1; j<=10; j++){
if(num%2==1){
table += "<td><span style='color:blue>'" + num + "</span></td>"
}; else {
table += "<td><span style='color:red>'" + num + "</span></td>"
};
num++;
}
table += "</tr>";
}
table += "</table>"
document.write(table);
}
2줄 : let num = 1;: num 변수를 선언하고 초기값을 1로 설정합니다. 이 변수는 표의 각 셀에 출력될 번호를 나타냅니다.
3줄 : let table = "<table class = 'table'>": table 변수를 선언하고, 테이블 엘리먼트를 시작하는 HTML 문자열을 할당합니다. class 속성을 사용하여 CSS 스타일링을 위한 클래스 "table"을 할당하였습니다.
4줄 : for(let i = 1; i <= 10; i++): 외부 루프를 통해 표의 행을 생성합니다. i는 1부터 10까지 반복됩니다.
5줄 : table += "
7줄 : for(let j = 1; j <= 10; j++): 내부 루프를 통해 행 안에 열을 생성합니다. j는 1부터 10까지 반복됩니다.
8줄 : if (num % 2 == 1) { ... } else { ... }: 현재의 num 값이 홀수인지 짝수인지 확인합니다. 홀수인 경우 파란색 텍스트를, 짝수인 경우 빨간색 텍스트를 출력하기 위해 조건문을 사용합니다.
13줄 : num++;: num 값을 1 증가시킵니다. 이로써 다음 번호를 출력할 준비가 됩니다.
15줄 : table += "
17줄 : table += "": 표를 닫는 HTML 태그를 table 문자열에 추가합니다.