01. 데이터 이펙트 : 1부터 100까지 출력하기
for문을 써서 1부터 100까지 출력하는 예제입니다.
for(let i=1; i<=100; i++){
console.log(i)
} // 초기값 1씩 증가하여 100까지 출력됨
결과 확인하기
1
2
3
4
5
.
.
.
100
2
3
4
5
.
.
.
100
02. 데이터 이펙트 : 0부터 50까지 출력하기
for문을 써서 0부터 50까지 출력하는 예제입니다.
for(let i=0; i<=50; i++){
console.log(i) //초기값을 0을 설정하고 1씩 증가시켜서 50번 반복함
}
결과 확인하기
1
2
3
4
5
.
.
.
50
2
3
4
5
.
.
.
50
03. 데이터 이펙트 : 1부터 100까지 짝수만 출력하기
for문을 써서1부터 100까지 짝수만 출력하는 예제입니다.
for(let i=0; i<=100; i+=2){ //i = i+2
console.log(i) //초기값 2씩 증가하여 출력
결과 확인하기
2
4
6
8
10
.
.
.
100
4
6
8
10
.
.
.
100
04. 데이터 이펙트 : 1부터 100까지 5의 배수 출력하기
for문을 써서 1부터 100까지 5의 배수를 출력하는 예제입니다.
//증감 연산자를 이용한 방법
for(let i=0; i<=100; i+=5){
console.log(i);
}
//for문과 if문 이용
for(let i=1; i<=100; i++){
if(i % 5 == 0){
console.log(i)
}
} //5로 나눌 때 나머지가 0인 수가 i 값이므로 1-100까지 5의 배수가 출력
결과 확인하기
//증감연산자
5
10
15
20
25
.
.
.
100
5
10
15
20
25
.
.
.
100
//for문, if문
5
10
15
20
25
.
.
.
100
5
10
15
20
25
.
.
.
100
05. 데이터 이펙트 : 1부터 100까지 짝수(파란색) 홀수(빨간색) 출력하기
for문과 if문을 이용한 방법을 써서 1부터 100까지 짝수는 파란색 홀수는 빨간색으로 출력하는 예제입니다.
// for문을 이용해서 1부터 99까지 출력
for(let i=1; i<=99; i++){
console.log(i)
}
//for문을 이용해서 1부터 99까지 짝수만 출력
for(let i=1; i<100; i++){
if(i % 2 == 0){
console.log(i)
}
}
//for문을 이용해서 1부터 99까지 홀수(빨간색),짝수(파란색)출력
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>")
}
}
05. 데이터 이펙트 : 1부터 100까지 합 구하기
설명
{
let sum = 0;
for(let i=1; i<=100; i++){
sum += i;
}
document.write(sum);
}
결과 확인하기
5050
07. 데이터 이펙트 : 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칸(짝수:빨간색, 홀수/파란색)
테이블 안에 짝수는 빨강, 홀수는 파랑색으로 표시됩니다.
{
let table = "<table border='1>";
let num = 1;
for(let i=0; i<5; i++){
table += "<tr>";
for(let j=0; 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의배수는 빨간색))
3의 배수만 안에 있고 3에 배수에 포함하는 5의 배수는 빨간색으로 나옵니다..
{
let table = "<table border='1'>";
let num = 1;
for (let i = 0; i<5; i++) {
table += "<tr>";
for (let j = 0; j<5; j++) {
if (num % 3 === 0 && num % 5 === 0) {
table += "<td><span style='color: red'>" + num + "</span></td>";
} else {
table += "<td>" + num + "</td>";
}
num++;
}
table += "</tr>";
}
table += "</table>";
document.write(table);
}
결과 확인하기
11. 데이터 이펙트 : 배열 데이터에서 10보다 큰 수 찾기
설명
{
const arr=[1,3,5,7,9,11,13,15,17,19]
for(let i=1; i<arr.length; i++){ //초기값을 1을 설정하고 배열 안 수의 개수만큼 반복함
if(arr[i]>10){ //(배열 안의 수가 10보다 크다면)
document.write(arr[i],","); //배열 안의 10보다 큰 숫자 출력하기
}
}
}
결과 확인하기
11,13,15,17,19