JavaScript

반복문 for for in for of

낮햇볕 2022. 2. 17. 23:32

for(let i = 0; i>10; i++) {
document.write(i);출력할값
}//0123456789

let i =0 초기값을 적어준다
i가 현재 0이고 i>10 이여서 10번되기 전까지 계속 숫자를 (i++)더해줘서 반복한다
꼭 i를 언제까지 반복할건지 지정해줘야한다 안그러면 계속 더해줘서 과부화걸릴지도 모른다


let sum = 0
for(let i=0 ; i<10; i++){
sum += i+1;//다른변수값넣어다더할수있음사용
console.log(i,sum);
}//0부터9까지 더한숫자 입력가능

i sum
0 0+1 =1
1 1+1+1=3
2 2+1+3=6
3 3+1+6 =10
4 4+1+10=15
5 5+1+15=21
6 6+1+21 =28
7 7+1+28=36
8 8+1+36=45
9 9+1+45=55
sum에서 세번째는 sum위의 값

for in


index값을 들고온다
요소값도 가져올수있다
상속된 열거 가능한 속성들을 포함하여 객체에서 문자열로 키가 지정된
모든 열거 가능한 속성에 대해 반복한다(=요소값에 맞게 인덱스지정)
let 인덱스 변수지정
for( 변수 in 객체 ){

}

let color = ["red", "blue", "white", "black"];
for(let i in color) {
document.write(i); // 0123 인덱스값이나온다
document.write(color[2]);//white 요소와 인덱스값이나온다

}

let scoreArray = [[20],[50],[80],[90],[70]];
for(let i in scoreArray){
if(scoreArray[i] >=60) {
document.write(`<p>${ Number(i)+1} : ${scoreArray[i]}, 합격입니다</p>`);//앞점수값
}
else{
document.write(`<p>${ Number(i)+1} : ${scoreArray[i]}, 불합격입니다</p>`);
}
}
//1 : 20, 불합격입니다
2 : 50, 불합격입니다
3 : 80, 합격입니다
4 : 90, 합격입니다
5 : 70, 합격입니다
Number(i)로 강제로 숫자로 변환해서 i 0부터시작해서 0+1 =1 scoreArray[i]를해주면 요소의 인덱스를 0부터 찾아서 요소(20)를 적어준다 >=60 60보다 크면 합격 아니면 불합격으로 나타낸다

for of

요소값을 가져온다
index값은 들고올수없다
for( 변수 of 객체 ){

}

let fruit = ["멜론","딸기","바나나"];
for(let i of fruit) {
document.write(i);
}
//멜론딸기바나나