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문을 이용해서 0-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=1; i<=100; i+=2){
console.log(i)
}
// 증감 연산자를 이용
// i += 2는 i = i + 2와 같음(2씩 증가)
// 결과값 : 2,4,6~~~~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이면 5의 배수가 출력된다.
console.log(i)
}
}
// 결과값 : 5,10,15,20~~~100
05. 데이터 이펙트 : 1부터 100까지 짝수(파란색) 홀수(빨간색) 출력하기
for문과 if문을 이용해 1부터 100까지 짝수, 홀수를 색을 지정해 출력하는 방법입니다.
if문에서 % 연사자를 쓰고 나머지가 0이면 짝수, 1이면 홀수가 출력됩니다.
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>")
//홀수 빨간색, 문자열과 결합
}
}
//결과값 : 2,4,6~100 (파란색)
// 1,3,5,~99 (빨간색)
06. 데이터 이펙트 : for문을 이용해서 100칸 테이블 만들기
for문을 사용해 한번에 작성해 줄 수 있습니다. 테이블을 반복하지 않을 수 있습니다.
let table = "<table border='1'>";
for(let i=1; i<=100; i++) {
table += "<tr>";
for(let j=1; j<=100; j++) {
table += "<td>"+j+"</td>";
}
table += "</tr>";
}
table += "</table>";
document.write(table);
//결과값 : 1~100칸 테이블완성
07. 데이터 이펙트 : 중첩 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>");
}
//결과값 : 2단부터 9단까지
08. 데이터 이펙트 : 테이블 25칸(짝수:빨, 홀:파)
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++;
if(count % 2 == 0){
table += "<td style='color:red'>"+count+"</td>";
} else {
table += "<td style='color:blue'>"+count+"</td>";
}
}
table += "</tr>";
}
table += "</table>";
document.write(table);
09. 데이터 이펙트 : 테이블 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++;
if(count % 3 == 0){
table += "<td style='color:red'>" + count + "</td>";
} else if(count % 5 == 0){
table += "<td style ='color:blue'>" + count + "</td>"
} else {
table += "<td style ='color:'>" + count + "</td>"
}
}
table += "</tr>";
}
table += "</table>"
document.write(table)
10. 데이터 이펙트 : 배열 데이터에서 10보다 큰 수 찾기
const arr = [1, 3, 5, 7, 9, 11, 13, 15, 17, 19]
for(let i=0; <=arr.length; i++){
if(arr [i] > 10){
document.write(arr[i] + ",");
}
}
// 결과값: 11,13,15,17,19
11. 데이터 이펙트 : 1부터 100까지 합 구하기
let num = 0;
for(i=1; i<=100; i++){
num += i;
}
document.write(num);
// 결과값: 5050