1부터 10까지 출력하기(초기값0)
for()문을 이용하여 1부터 10까지 출력하는 예제입니다.
{
for(let i = 0; i <= 10; i++){
console.log(i);
}
}
1-1. for : 반복문을 시작하는 예약어입니다. 반복문은 지정된 조건을 만족하는 동안 코드 블록을 반복 실행하는 데 사용됩니다.
1-2-1. let i = 0 : 반복문이 시작될 때 변수 i를 0으로 초기화합니다. i는 반복 횟수를 나타내는 변수로 사용됩니다.
1-2-2. i <= 10 : 반복문이 실행될 조건을 나타냅니다. i가 10보다 작거나 같은 동안에만 반복문이 계속 실행됩니다.
1-2-3. i++ : 반복문이 한 번 실행된 후에 변수 i를 1씩 증가시키는 역할을 합니다.
결과 확인하기
02. 2부터 25까지 출력하기(초기값0)
for()문을 이용하여 2부터 25까지 출력하는 예제입니다.
{
for(let i = 0; i < 24; i++){
console.log(i+2);
}
}
1-1. let i = 0 : 반복문이 시작될 때 변수 i를 0으로 초기화합니다. i는 반복 횟수를 나타내는 변수로 사용됩니다.
1-2. i < 24 : 반복문이 실행될 조건을 나타냅니다. i가 24보다 작은 동안에만 반복문이 계속 실행됩니다.
1-3. i++: 반복문이 한 번 실행된 후에 변수 i를 1씩 증가시키는 역할을 합니다.
2-1. console.log(i + 2) : 중괄호 내부에 있는 코드 블록은 반복문이 한 번 실행될 때마다 실행됩니다. i에 2를 더한 값을 출력하는 역할을 합니다.
결과 확인하기
03. 1부터 20까지 출력하기(짝수만)(3가지)
for()문, while문, for()문 + if문을 이용하여 1부터 20까지 짝수만 출력하는 예제입니다.
{
for(let i = 0; i <= 20; i += 2){ //for문 사용 -> a
console.log(i);
}
}
{
let i = 2; //while문 사용 -> b
while(i <= 20){
console.log(i);
i += 2;
}
}
{
for(let i = 2; i <= 20; i++){ //for문 + if문 사용 -> c
if(i % 2 === 0){
console.log(i)
}
}
}
a.
(a.1),(b.4). i += 2 : 반복문이 한 번 실행될 때마다 i를 2씩 증가시킵니다. 따라서 i의 값은 짝수로 유지됩니다.
c.2. if(i % 2 === 0) : i가 짝수인지 확인하는 조건문입니다. i를 2로 나눈 나머지가 0인 경우에만 if 문 안의 코드 블록이 실행됩니다.
결과 확인하기
04. 1부터 20까지 출력하기(홀수만)(3가지)
for()문, while문, for()문 + if문을 이용하여 1부터 20까지 홀수만 출력하는 예제입니다.
{
for(let i = 1; i <= 20; i += 2){ //for문 사용
console.log(i);
}
}
{
let i = 1; //while문 사용
while(i <= 20){
console.log(i);
i += 2;
}
}
{
for(let i = 1; i <= 20; i++){ //for문 + if문 사용
if(i % 2 === 1){
console.log(i);
}
}
}
(a.1),(b.4). i += 2: 반복문이 한 번 실행될 때마다 변수 i를 2씩 증가시키는 역할을 합니다. 이로써 i의 값은 2a+1이 되어, 홀수로 유지됩니다.
c.2. if(i % 2 === 1) : 현재 i의 값을 2로 나눈 나머지를 계산합니다. 나머지가 1인지 확인하여 홀수 여부를 판단합니다. 만약 i가 홀수라면 조건이 참이 되어 다음 블록을 실행합니다.
결과 확인하기
05. 1부터 100까지 출력하기(5의 배수)(3가지)
for()문, while문, for()문 + if문을 이용하여 1부터 100까지 중 5의 배수만 출력하는 예제입니다.
{
for(let i = 5; i <= 100; i += 5){ //for문 사용
console.log(i);
}
}
{
let i = 5; //while문 사용
while(i <= 100){
console.log(i);
i += 5;
}
}
{
for(let i = 1; i <= 100; i++){ //for문 + if문 사용
if(i % 5 === 0){
console.log(i);
}
}
}
a. for 반복문을 사용하여 5부터 100까지 5씩 증가시키면서 출력합니다.
b. while 반복문을 사용하여 초기 값이 5인 i를 5씩 증가시키면서 100 이하인 동안 출력합니다.
C. for 반복문과 if 조건문을 사용하여 1부터 100까지 1씩 증가시키면서 5의 배수일 때만 출력합니다.
결과 확인하기
06. 1부터 20까지 출력하기(짝수는 빨간색, 홀수는 파란색)
for()문과 if문, else구문을 이용하여 1부터 20까지 짝수는 빨간색, 홀수는 파란색으로 출력하는 예제입니다.
{
for(let i = 1; i <= 20; i++){
if(i % 2 === 0){
document.write(""+i+"", "
");
}else{
document.write(""+i+"", "
");
}
}
}
2. if 조건문을 사용하여 i를 2로 나눈 나머지가 0인지 검사하여 짝수 여부를 판단합니다.
3. 만약 짝수라면 : 태그를 사용하여 텍스트를 빨간색으로 표시하고 줄 바꿈(
)을 추가하여 다음 줄로 이동합니다.
4. else : 조건문에서 사용되며, 해당 조건이 거짓(false)일 때 실행되는 블록을 정의합니다. 조건문의 결과가 참(true)이면 if 블록이 실행되고, 결과가 거짓이면 else 블록이 실행됩니다.
5. 짝수가 아니라면 : 태그를 사용하여 텍스트를 파란색으로 표시하고 줄 바꿈(
)을 추가하여 다음 줄로 이동합니다.
결과 확인하기
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])
}
}
1. const arr을 사용하여 배열 arr을 생성해, 배열 안에 숫자 1부터 10까지가 순서대로 저장되어 있습니다.
2. for 반복문을 사용하여 i 변수를 0부터 9까지 1씩 증가시키면서 배열을 반복적으로 순회합니다. 이 때, 배열의 인덱스는 0부터 시작하기 때문에 0부터 9까지 총 10번 반복됩니다.
3. console.log(arr[i])를 사용하여 배열 arr에서 i 번째 인덱스에 저장된 값을 출력합니다. 즉, 반복문이 실행될 때마다 배열의 각 요소를 차례대로 출력하게 됩니다.
결과 확인하기
08. 구구단 출력하기(8단만)
중첩 for()문을 사용하여 구구단 중 8단을 출력하는 예제입니다.
{
for(let i=8; i==8; i++){
console.log(i + " 단")
for(let j = 1; j < 8; j++){
console.log(i + " * " + j + " = " + (i * j))
}
}
}
1.1. i 변수를 8로 초기화합니다.
1.2. i==8 : 조건식으로, i가 8일 때 참이므로, 반복문이 실행됩니다.
2. console.log(i + " 단") : 현재의 i 값과 " 단"을 결합하여 8 단을 출력합니다.
3.1. 내부에 중첩된 두 번째 for 반복문에서 j 변수를 1로 초기화합니다.
3.2. 조건식 j %lt; 8을 검사합니다. 이 조건은 j가 1부터 7까지의 값을 가질 때 참이므로, 반복문이 실행됩니다.
4. console.log(i + " * " + j + " = " + (i * j)) : 현재의 i와 j 값을 이용하여 구구단 계산식을 출력합니다.
* 내부 반복문이 모든 값을 출력한 후, 외부 반복문은 다음 i 값을 증가시킵니다. 그러나 이후의 값은 9 이상이므로 조건식 i == 8이 거짓이 되어 외부 반복문이 종료됩니다.
따라서 8 단을 출력하게 됩니다.
결과 확인하기
09. 테이블 출력하기(5*5 출력하기)
{
let num = 1;
let table = "";
for(let i=1; i<=5; i++){
table += "";
for(let j=1; j<=5; j++){
table += ""+ num +" ";
num++
}
table += " ";
}
table += "
";
document.write(table);
}
결과 확인하기
10. 테이블 출력하기(5*5 짝수만 나오게 출력하기)
{
k = 2;
let table = "";
for(let i=1; i<=5; i++){
table += "";
for(j=1; j<=5; j++){
table += ""+ k + " "
k += 2
}
table += " ";
}
table += "
";
document.write(table)
}
결과 확인하기
11. 테이블 출력하기(10*10 짝수는 빨간색, 홀수는 파란색 출력하기)
{
let num = 1;
let table = "";
for(let i=1; i<=10; i++){
table += "";
for(let j=1; j<=10; j++){
if(num % 2 == 0){ // 짝수 빨강
table += ""+ num + " ";
}else { // 홀수 파랑
table += ""+ num + " ";
}
num++;
}
table += " ";
}
table += "
";
document.write(table);
}
결과 확인하기
**숙제 01. while문을 이용하여 구구단 중 5단 출력하기.**
(p.84) while문을 이용하여 구구단 중 5단을 출력하세요.
{
var i=1;
while(i<10){
document.write("5X"+i+"="+i*5,"
");
i++;
}
}
결과 확인하기
**숙제 02. 중첩 for문을 이용하여 1부터 25까지 출력하기**
(p.85) 5행 5열 표를 만들고, 데이터가 1부터 25까지 출력되도록 작성하세요.
{
var num = 1;
var t = "";
for(var i = 1; i <= 5; i++){
t += "";
for(var k = 1; k <= 5; k++){
t += "" + num + " "
num++;
}
t += " ";
}
t += "
";
console.log(t)
document.write(t)
}
테이블은 여러 개의 행(tr)과 각 행마다 여러 개의 셀(td)로 구성됩니다.
td (Table Data) : td 태그는 테이블의 각 셀을 정의합니다. 각 셀에는 데이터가 들어가며, 테이블의 내용을 나타냅니다.
tr (Table Row) : tr 태그는 테이블의 각 행을 정의합니다. 여러 개의 셀(td)을 포함하며, 테이블의 한 행을 나타냅니다. 테이블의 구조를 형성하는데 사용됩니다.