for in 반복문
- 배열과 함께 사용 가능
- 배열 요소를 하나하나 꺼내서 특정 문장을 실행할 때 사용
- 근데 for of 반복문이나 for 반복문을 활용하는 것이 좋다.
실습
<html>
<head>
<title></title>
<script>
const todos = ['우유구매', '업무 메일 확인하기', '필라테스 수업']
for (const i in todos) {
console.log(`${i}번째 할 일: ${todos[i]}`)
}
</script>
</head>
<body></body>
</html>
for of 반복문
반복 변수 of 배열 또는 객체의 형태
실습
<script>
const todos = ['우유구매', '업무 메일 확인하기', '필라테스 수업']
for (const todo of todos) {
console.log(`오늘의 할 일: ${todo}`)
}
</script>
for 반복문
- 특정 횟수만큼 반복하고 싶을 때 사용
실습 - 1부터 100까지 숫자 더하기
<script>
let num= 0
for (let i =1; i<=100; i++){
num +=i
}
console.log(`1~100까지 숫자를 모두 더하면 ${num}입니다.`)
</script>
실습 - 반복문과 배열
<script>
const todos = ['우유구매', '업무 메일 확인하기', '필라테스 수업']
for (let i =0; i< todos.length; i++){
console.log(`${i}번째 할 일 : ${todos[i]}`)
}
</script>
※ 혼자 공부하는 자바스크립트 04-2 참고
'JavaScript' 카테고리의 다른 글
| 06 -3 얕은 복사(참조 복사)와 깊은 복사(... 전개 연산자) (0) | 2021.12.13 |
|---|---|
| 06-2 String 객체의 메소드(trim, split)와 JSON 객체에 대하여 (0) | 2021.10.10 |
| 09 -1 자바스크립트 클래스 선언, 인스턴스, 생성자 + 실습 (0) | 2021.03.07 |
| 09 -1 자바스크립트 - 객체 지향, 추상화, 객체 처리하는, 생성하는 함수 (0) | 2021.03.06 |
| 07 -1 문서 객체 조작하기(1) - DOMContentLoaded, 문서 객체 가져오기, 글자 조작, 속성 조작 (0) | 2021.03.03 |
