😫 for문 주의사항
for문에서 선언한 let i 값에 따른 결과가 차이나는걸 주의해야해 !
let i 값이 0 일때와 1일때의 차이를 알아보자
{
let j = 0;
let k = 0;
for( let i = 0 ; i <= 100 ; i++){
j++;
}
console.log(j);
for( let i = 1 ; i <= 100 ; i++){
k++;
}
console.log(k);
}
결과 확인하기
101
100
let i의 값에 따라 반복문의 횟수가 정해짐
임의의 변수로 원하는 횟수가 맞는지 확인하기 !
01. 데이터 이펙트 : 1부터 100까지 출력하기
for문을 이용하여 1-100까지 출력하는 예제
for( let i = 1 ; i <= 100 ; i++ ){
console.log(i);
//초기값 1 설정값 1씩 증가시켜서 100번 출력해
}
결과 확인하기
1
2
3
·
·
100
2
3
·
·
100
02. 데이터 이펙트 : 0부터 50까지 출력하기
for문을 이용하여 0-50까지 출력하는 예제
for( let i = 0 ; i <= 50 ; i++ ){
console.log(i);
//초기값 0에 설정값 1씩 증가시켜서 51번 출력해
}
결과 확인하기
0
1
2
3
·
·
50
1
2
3
·
·
50
03. 데이터 이펙트 : 1부터 100까지 짝수 출력하기
for문을 이용하여 0-100까지 짝수 출력하는 예제
for( let i = 2 ; i <= 100 ; i += 2 ){
console.log(i);
//초기값 2에 2씩 증가시켜서 50번 출력해!
}
결과 확인하기
2
4
6
·
·
100
4
6
·
·
100
04. 데이터 이펙트 : 0부터 100까지 5의배수 출력하기 1
for문을 이용하여 0-100까지 5의배수 출력하는 예제
for( let i = 0 ; i <= 100 ; i += 5 ){
console.log(i);
//초기값 0에 설정값 5씩 증가시켜서 21번 출력해!
}
결과 확인하기
0
5
10
15
·
·
100
5
10
15
·
·
100
05. 데이터 이펙트 : 1부터 100까지 짝수(파란색) 홀수(빨간색) 7의배수(초록색) 출력하기
for문 & if문을 이용하여 0-100까지 원하는 데이터를 출력하는 예제
{
let seven = "";
let oddNum= "";
let evenNum="";
for(let i = 1 ; i <= 100 ; i++){
for(let i = 1 ; i >= 100 ; i++){
if( i%2 == 0 ){
evenNum += i+" ";
}else{
oddNum += i+" ";
}
if( i%7 == 0 ){
seven += i+ " ";
}
}
}
document.write("<span style='color:blue'>" +evenNum+"</span>");
document.write("<br>");
document.write("<span style='color:red' >"+oddNum+"</span>");
document.write("<br>");
document.write("<span style='color:yellow' >"+seven+"</span>");
}
결과 확인하기
06. 데이터 이펙트 : 1부터 100까지 합 구하기
임의의 변수 numTot06에 for문의 i 값 저장한다
{
let numtot06 = 0;
for(let i = 1 ; i <=100 ; i++){
numtot06+= i;
}
document.write(numtot06);
}
결과 확인하기
5050
07. 데이터 이펙트 : for문을 이용해서 100칸 테이블 만들기
중첩 for문을 이용하여 table을 만들자
let table = "<table border='1'>";
for( let i = 0 ; i <= 9 ; i++ ){
table += "<tr>";
for(let j=0;j<=9;j++){
table += "<td>" + (j+1) + "</td>"
}
table += "</tr>";
}
table += "</table>";
document.write(table);
결과 확인하기
08. 데이터 이펙트 : 중첩 for문을 이용해서 구구단 만들기
중첩 for문을 이용하여 table안에 구구단을 만들자
let table = "<table border='1'>";
for(let i = 2 ; i < = 9 ; i++){
table += "<tr>";
for(let j=1;j<=9;j++){
if(j==1){
table += "<td>"+i+"단"+"</td>";
}
table += "<td>" + i + " x "+ ( j ) +" = "+ i * j +"</td>";
}
}
table += "</tr>";
table += "</table>";
document.write(table);
결과 확인하기
09. 데이터 이펙트 : 테이블25칸(짝수 : 빨간색, 홀수 : 파란색)
중첩 for문을 이용하여 table안에 구구단을 만들자
let table = "<table border='1'>";
let numCount = 1;
for(let k = 0 ; k<5 ; k++){
table3 += "<tr>";
for(let j = 0 ; j<5 ; j++){
if(numCount%2 == 0 ){
table3 += `<td><span style='color:red'>${numCount}</span></td>`;
}else{
table3+=`<td><span style='color:blue'>${numCount}</span></td>`;
}
numCount++;
}
table3 += "</tr>";
}
table3 += "</table>";
document.write(table3);
결과 확인하기
10. 데이터 이펙트 : 테이블25칸(3의 배수 5의 배수는 빨간색)
테이블안에
let numCount=0;
let table3 = "<table border='1'>";
for(let k = 0 ; k<5 ; k++){
table3 += "<tr>";
for(let j = 0 ; j<5 ; j++){
if(numCount%5 == 0 ){
table3 += `<td><span style='color:red'>${numCount}</span></td>`;
}else{
table3 += `<td>${numCount}</td>`;
}
numCount += 3;
}
table3 += "</tr>";
}
table3 += "</table>";
document.write(table3);
결과 확인하기
11. 데이터 이펙트 : 배열 데이터에서 10보다 큰수찾기
배열의 예약어 length를 활용해서 배열안에 10보다 큰수를 찾아 반환하기
let arr = [1,21,3,41,5,61,7,8,9,10];
for(let i = 0 ; i <arr.length ; i++) {
if(arr[i] >10)document.write(`arr[${i}] ${arr[i]}
`);
}
결과 확인하기
arr[1] 21
arr[3] 41
arr[5] 61
arr[3] 41
arr[5] 61