01. 데이터 이펙트 : 1부터 100까지 출력하기
for문을 이용해서 1-100까지 출력하는 예제입니다.
{
for(let i=1; i<=100; i++){
console.log(i);
}
}
결과 확인하기
1,2,3,4,5,6~~~100
02. 데이터 이펙트 : 02. 0부터 50까지 출력하기
for문을 이용해서 0-50까지 출력하는 예제입니다.
{
for(let i=0; i<=50; i++){ // 초기값을 0을 설정하고 1씩 증가시켜서 50번 반복함
console.log(i);
}
}
결과 확인하기
1,2,3,4,5,6~~~50
03. 1부터 100까지 짝수만 출력하기
for문을 이용해서 1~100까지 짝수만 출력하는 예제입니다.
{
for(let i=0; i<=100; i+=2){ // i+=2는 i=i+2와 같습니다(2씩 증가)
console.log(i);
}
}
결과 확인하기
2,4,6,8,10~~~100
04. 1부터 100까지 5의 배수 출력하기
for문을 이용해서 1~100까지 5의 배수만 출력하는 예제와 조건문 if문과 증감연산자를 이용한 방법입니다.
{
// 증감 연산자를 이용한 방법
for(let i=0; i<=100; i+=5){
console.log(i);
}
// if문을 이용한 방법
for(let i=1; i<=100 i++){
if(i % 5 = 0){ // %연산자를 이용하여 나머지가 0이면 짝수를 의미한다.
console.log(i);
}
}
}
결과 확인하기
5,10,15,20,25~~~100
05. 데이터 이펙트 : 1부터 100까지 짝수(파란색) 홀수(빨간색) 출력하기
for문과 if문을 이용해서 짝수와 홀수 색을 나눠 출력하는 방법입니다.
{
for(let i=1 i<100; 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>");
}
}
}
결과 확인하기
1
2
3
4
5
6
.....100
06. 데이터 이펙트 : 1부터 100까지 합 출력하기
반복문으로 합을 출력하는 방법입니다.
{
let sum = 0
for(let i=1; i<=100; i++){
sum += i;
}
document.write(sum);
}
결과 확인하기
5050
07. 데이터 이펙트 : for문을 이용해서 100칸 테이블 만들기
for문을 활용하여 script에서 테이블을 출력하는 방법입니다.
{
let table = "<table border=1>";
for(let i=1; i<=10; i++){
table +="<tr>"
for(let j=1; j<=10; j++){
table +="<td>"+ 1 +"</td>"
}
table +="</tr>"
}
table += "</table>";
document.write(table);
}
결과 확인하기
| 1 | 1 | 1 | 1 | 1 | 1 | 1 | 1 | 1 | 1 |
| 1 | 1 | 1 | 1 | 1 | 1 | 1 | 1 | 1 | 1 |
| 1 | 1 | 1 | 1 | 1 | 1 | 1 | 1 | 1 | 1 |
| 1 | 1 | 1 | 1 | 1 | 1 | 1 | 1 | 1 | 1 |
| 1 | 1 | 1 | 1 | 1 | 1 | 1 | 1 | 1 | 1 |
| 1 | 1 | 1 | 1 | 1 | 1 | 1 | 1 | 1 | 1 |
| 1 | 1 | 1 | 1 | 1 | 1 | 1 | 1 | 1 | 1 |
| 1 | 1 | 1 | 1 | 1 | 1 | 1 | 1 | 1 | 1 |
| 1 | 1 | 1 | 1 | 1 | 1 | 1 | 1 | 1 | 1 |
| 1 | 1 | 1 | 1 | 1 | 1 | 1 | 1 | 1 | 1 |
08. 데이터 이펙트 : 중첩 for문을 이용해서 구구단 만들기
for문을 중첩 시켜 사용하여 구구단을 만드는 방법입니다.
{
for(let i=2; i<=9; i++){
document.write(i + "단","
");
for(let j=1; j<=9; j++){
document.write(i + "*" + j + "=" + i*j);
document.write("
");
}
document.write("
");
}
}
결과 확인하기
2단
2*1=2
2*2=4
2*3=6
2*4=8
2*5=10
2*6=12
2*7=14
2*8=16
2*9=18
3단
3*1=3
3*2=6
3*3=9
3*4=12
3*5=15
3*6=18
3*7=21
3*8=24
3*9=27
4단
4*1=4
4*2=8
4*3=12
4*4=16
4*5=20
4*6=24
4*7=28
4*8=32
4*9=36
5단
5*1=5
5*2=10
5*3=15
5*4=20
5*5=25
5*6=30
5*7=35
5*8=40
5*9=45
6단
6*1=6
6*2=12
6*3=18
6*4=24
6*5=30
6*6=36
6*7=42
6*8=48
6*9=54
7단
7*1=7
7*2=14
7*3=21
7*4=28
7*5=35
7*6=42
7*7=49
7*8=56
7*9=63
8단
8*1=8
8*2=16
8*3=24
8*4=32
8*5=40
8*6=48
8*7=56
8*8=64
8*9=72
9단
9*1=9
9*2=18
9*3=27
9*4=36
9*5=45
9*6=54
9*7=63
9*8=72
9*9=81
09. 데이터 이펙트 : 테이블 25칸(짝수:빨간색, 홀수/파란색)
for문과 if문 활용하여 테이블 만드는 방법입니다.
{
let table = "<table border=1>";
let count = 1;
for(let i=1; i<=5; i++){
table += ""
for(let j=1; j<=5; j++){
if(count % 2 == 0){
table += "<td style='color:red'>" + count + "</td>"
} else {
table += "<td style='color:blue'>" + count + "</td>"
}
count++
}
table += " "
}
table += "";
document.write(table);
}
결과 확인하기
10. 데이터 이펙트 : 테이블 25칸(3의배수만/5의 배수는 빨간색)
for문과 if문 활용하여 테이블 만드는 방법 두번째입니다.
{
let table = "<table border=1>"
let num = 0
for(let i=1; i<=5; i++){
table += "<tr>"
for(let j=1; j<=5; j++){
num += 3;
if(num % 5 == 0){
table += "<td style='color:red'>" + num + "</td>"
} else {
table += "<td>" + num + "</td>"
}
}
table += "</tr>"
}
table += "</table>"
document.write(table);
}
결과 확인하기
11. 데이터 이펙트 : 배열 데이터에서 10보다 큰 수 찾기
반복문과 조건문으로 조건에 맞는 값 배열에서 출력하는 방법입니다.
{
const arr = [1,3,5,7,9,11,13,15,17,19]
for(let i=0; i<arr.length; i++){
if(arr[i] >= 10){
document.write(arr[i]);
}
}
}
결과 확인하기
11 13 15 17 19