01. 데이터 이펙트 : 1부터 100까지 출력하기
for문을 이용해서 1-100까지 출력할 수 있습니다.
for(let i=1; i<=100; i++){ //반복문 for문
console.log(i) //초기값을 1으로 설정하고 1씩 증가시켜서 100번을 반복함
}
결과 확인하기
12
3
∙
∙
100
02. 데이터 이펙트 : 0부터 50까지 출력하기
for문을 이용해서 0-50까지 출력할 수 있습니다.
for(let i=0; i<=50; i++){ //i = i + 1
console.log(i) //초기값을 0으로 설정하고 1씩 증가시켜서 50번을 반복함
}
결과 확인하기
12
3
∙
∙
50
03. 데이터 이펙트 : 1부터 100까지 짝수만 출력하기
for문을 이용해서 짝수를 출력할 수 있습니다.
for(let i=0; i<=100; i+=2){ //i = i + 2
console.log(i) //초기값을 0으로 설정하고 2씩 증가시켜서 100번을 반복함
}
//증감 연산자를 이용
// i+=2는 i= i + 2와 같음(2씩증가)
결과 확인하기
02
4
6
8
∙
∙
∙
100
04. 데이터 이펙트 : 1부터 100까지 5의 배수 출력하기
for문을 이용해서 0-100까지 5의 배수만 출력할 수 있습니다. 조건문 if문과 증감연산자를 이용한 방법입니다.
// 1. 증감 연산자를 이용한 방법
for(let i=0; i<=100; i+=5){
console.log(i) //초기값을 0으로 설정하고 5씩 증가시켜서 100번을 반복함
};
// 2. if문을 이용한 방법
for(i=0; i<=100; i++){
if(i % 5 == 0){
console.log(i) // % 연산자를 이용하여 나머지가 0이면 짝수를 의미한다.
}
}
결과 확인하기
결과값 1
05
10
15
20
∙
∙
∙
100
결과값 2
510
15
20
∙
∙
∙
100
05. 데이터 이펙트 : 1부터 100까지 짝수(파란색) 홀수(빨간색) 출력하기
for문을 이용해서 1부터 100까지 짝수(파란색) 홀수(빨간색) 출력할 수 있습니다.
for(let i=1; i<=99; i++){
if( i % 2 ==0){
document.write("<span style='color:blue'>"+i+"</span>");
}
if( i % 2 ==1){
document.write("<span style='color:red'>"+i+"</span>");
}
}
결과 확인하기
06. 데이터 이펙트 : 1부터 100까지 합 구하기
1부터 100까지 합 구하기 예제입니다.
let sum = 0;
for(let i=1; i<=100; i++){
sum += i;
}
document.write(sum);
결과 확인하기
505007. 데이터 이펙트 : for문을 이용해서 100칸 테이블 만들기
for문을 이용해서 100칸 테이블을 만들 수 있습니다.
let table = "<table border='1'>";
for(let i=1; i<=10; i++){
table += "<tr>";
for(let j=1; j<=10; j++){
table += "<td>"+j+"</td>";
}
table += "</tr>";
}
table += "</table>";
document.write(table);
결과 확인하기
08. 데이터 이펙트 : 중첩 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>");
}
document.write("<br><br>");
}
결과 확인하기
09. 데이터 이펙트 : 테이블 25칸(짝수:빨간색, 홀수:파란색)
중첩 for문과 if문을 사용해서 테이블 25칸(짝수:빨간색, 홀수:파란색) 만들 수 있습니다.
{
let num = 1;
let table = "<table border = '1'>";
for(let i=1; i<=5; i++){
table += "<tr>";
for(let j=1; j<=5; j++){
if(num % 2 === 0){
table += "<td><span style='color:red'>"+num+"</span></td>";
} else {
table += "<td><span style='color:blue'>"+num+"</span></td>";
num++;
}
}
table += "</tr>";
}
table += "</table>";
document.write(table);
}
결과 확인하기
10. 데이터 이펙트 : 테이블 25칸(3의 배수(5의 배수는 빨간색))
f중첩 for문, if문을 이용해서 테이블 25칸(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+=3;
if(count % 5 == 0){
table += "<td style='color:red'>"+count+"</td>";
} else {
table += "<td style='color:black'>"+count+"</td>";
}
}
table += "</tr>";
}
table += "</table>";
document.write(table);
}
결과 확인하기
11. 배열 데이터에서 10보다 큰 수 찾기
for문과 if문을 사용하여 배열 데이터에서 10보다 큰 수를 찾을 수 있습니다.
{
const arr = [1, 3, 5, 7, 9, 11, 13, 15, 17, 19]
for(let i=0; i<=arr.length; i++){ // 0에서 arr.length만큼 for 문을 반복한다.
if(arr [i] > 10){ // if 문을 사용해서 arr[i] 값과 10을 비교한다.
document.write(arr[i] + " ");
}
}
}
결과 확인하기
11 13 15 17 19