01. 데이터 이팩트 : 1부터 100까지 출력하기
for문을 이용하여 1-100까지 출력하는 예제입니다.
for(let i = 1; i<=100; i++){ //반복문 for문
console.log(i)
}
결과 확인하기
1,2,3,4,5,6~~100
02. 데이터 이팩트 : 0부터 50까지 출력하기
for문을 이용하여 1-50까지 출력하는 예제입니다.
for(let i = 0; i<=50; i++){
console.log(i) //초기값을 0을 설정하고 1씩 증가시켜서 50번 반복함
}
결과 확인하기
0,1,2,3,4,5,6~~~50
03. 데이터 이팩트 : 1부터 100까지 짝수만 출력
for문을 이용하여 짝수를 출력하는 예제입니다.
for(let i = 0; i<=100; i+=2){
console.log(i)
}
// 증감연산자를 이용
// i +=2는 i = i + 2와 같음(2씩 증가)
결과 확인하기
결과값 : 2,4,6~~~50
04. 데이터 이팩트 : 1부터 100까지 5의 배수 출력하기
for문을 이용하여 5의 배수를 출력하는 예제입니다. 조건문 if문과 증감연산자를 이용한 방법입니다.
// 증감 연산자를 이용한 방법
for(let i = 1; i<=100; i +=5){
console.log(i)
}
// 5,10,15,20,~~~100
// if문을 이용한 방법
for(let i = 1; i<=100; i++){
if(i % 5 == 0){ // %연산자를 이용하여 나머지가 0이면 5의 배수를 의미한다.
console.log(i)
}
}
// 5,10,15,20,~~~100
// if문을 이용한 방법(짝수)
for(let i = 1; i<=100; i++){
if(i % 2 == 0){ // %연산자를 이용하여 나머지가 0이면 짝수를 의미한다.
console.log(i)
}
}
//2,4,6,8,10,~~~100
결과 확인하기
증감 연산자를 이용한 방법 : 5,10,15,20,~~~100
if문을 이용한 방법 : 5,10,15,20,~~~100
if문을 이용한 방법(짝수) : 2,4,6,8,10,~~~100
if문을 이용한 방법 : 5,10,15,20,~~~100
if문을 이용한 방법(짝수) : 2,4,6,8,10,~~~100
05. 데이터 이펙트 : 1부터 100까지 짝수(파란색) 홀수(빨간색) 출력하기
for문을 이용한 예제입니다. 짝수는 파란색, 홀수는 빨간색으로 출력되도록 하였습니다. 조건문 if문과 증감연산자를 이용한 방법입니다.
for(let i=1; i<100; i++){
if(i % 2 == 0){
console.log(i)
document.write("<span style='color:blue'>" + i + "</span>")
}
if(i % 2 == 1){
console.log(i)
document.write("<span style='color:red'>" + i + "</span>")
}
}
결과 확인하기
06. 데이터 이펙트 : for문을 이용해서 100칸 테이블 만들기
for문을 이용하여 10*10 테이블을 만드는 예제입니다. 중첩 for문을 이용한 방법입니다.
let table = "<table border='1'>";
for(let i = 1; i<=5; i++){
table +="<tr>";
for(let j = 1; j<=5; j++){
table += "<td>1</td>";
}
table +="</tr>";
}
table += "</table>";
document.write(table)
결과 확인하기
07. 데이터 이펙트 : 중첩 for문을 이용해서 구구단 만들기
for문을 이용하여 구구단을 만드는 예제입니다. 중첩 for문을 이용한 방법입니다.
for(let i=2; i<=9; i++){
document.write(i + "단","<br>");
for(let j=1; j<=9; j++){
document.write(i + "*" + j + "=" + i*j);
document.write("<br>");
}
}
결과 확인하기
2단
2*1=2
2*2=4
2*3=6
...
9*7=63
9*8=72
9*9=81
2*1=2
2*2=4
2*3=6
...
9*7=63
9*8=72
9*9=81
08. 데이터 이펙트 : 테이블 25칸(짝수 : 빨간색 / 홀수 : 파란색)
for 문을 이용하여 테이블을 만들고 그 안에 숫자를 넣고 홀짝을 숫자로 구분하는 예제입니다.
let table = "<table border = '1'>";
let num = 0;
for(let i = 0; i<5; i++){
table += "<tr>";
for(let j = 0; j<5; j++){
num++
table += "<td>";
if(num % 2 === 0){
table += "<span style = 'color:red'>"+num+"</span>";
} else {
table += "<span style = 'color:blue'>"+num+"</span>";
}
table += "</td>";
}
table += "</tr>";
}
table += "</table>";
document.write(table);
결과 확인하기
09. 데이터 이펙트 : 25칸 테이블만들기(3의 배수만 나오면서 5의 배수는 빨간색인)
for문을 이용하여 5*5 테이블을 만드는 예제입니다. 중첩 for문을 이용하여 테이블을 만든 다음 if else문으로 3의 배수와 5의 배수를 나누었습니다.
let table = "<table border='1'>";
let count = 0;
for(let i=0; i<5; i++){
table += "<tr>";
for(let j=0; j<5; j++){
count++;
let a = count*3;
if (a % 3 == 0 && a % 5 ==0){
table += "<td><span style=color:red>"+a+"</span></td>"
} else if (a < 100){
table += "<td>"+a+"</td>"
} else {}
}
table += "</tr>";
}
table += "</table>"
document.write(table)
결과 확인하기
10. 데이터 이펙트 : 1부터 100까지 합 출력하기
let sum = 0;
for(let i = 1; i <= 100; i++){
sum += i;
};
document.write(sum);
결과 확인하기
5050
데이터 이펙트 : 배열 데이터에서 10보다 큰수 찾기
for문을 이용하여 5*5 테이블을 만드는 예제입니다. 중첩 for문을 이용하여 테이블을 만든 다음 if else문으로 3의 배수와 5의 배수를 나누었습니다.
let arr = [1,3,5,7,9,11,13,15,17,19];
for(let i = 0; i<=10; i++){
if(arr[i] > 10){
document.write(arr[i]+",");
}
}
결과 확인하기
11,13,15,17,19,