JS/JS-basic
JS - 반복문 , 객체 담기
by 임혁진
2024. 1. 28.
while 문, for 문
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<script>
//1~10까지 합
var i = 1;
var sum = 0; //합계
while(i <= 10) {
//console.log(i);
sum += i;
i++;
}
console.log("합계:" + sum)
////////////////////////////////////////////////////////////////////////
for(var i = 1; i <= 10; i++) {
console.log(i)
}
/////////////////////////////////////////////////////////////////////////
//빈 배열을 하나 선언하고, 1부터~20까지 반복문으로 순서대로 저장.
var arr = []
for(var i = 1; i <= 20; i++) {
arr.push(i)
}
//이 배열을 반복문으로 돌려서 출력.
for(var i = 0; i < arr.length; i++) {
console.log(arr[i])
}
</script>
</body>
</html>
향상된 for문 , object에 키 담기
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<script>
var arr = [1,2,3,4,5];
//향상된 포문 for ~ in
for(var a in arr) {
console.log(a, arr[a]); //인덱스 값을 저장함, 값을 사용
}
//object에서는 키를 담습니다
var obj = {'a': 100, 'b' : 200, 'c': 300};
for(var a in obj) {
console.log(a, obj[a]); //키, 값
}
console.log("---------------------------------------------------")
//////////////////////////////////////////////////////////////////
//break - 반복중단, continue - 반복다음
for(var i = 0; i < arr.length; i++) {
if(i == 3) continue; //break;
console.log(arr[i])
}
</script>
</body>
</html>
