[JavaScript] 반복문

 

1. 사전 배열 관련 지식

1) 배열

• 배열 요소에 접근할 때는 [인덱스]를 사용할 수 있다.
• 배열 요소의 개수를 확인 할 때는 length 를 사용할 수 있다.
  • 배열.length
• 배열에 요소를 추가할 때는 push 를 사용할 수 있다.
  • 배열.push(요소)
• 인덱스를 사용해서 배열 뒷부분에 요소를 추가할 수 있다.
  • 배열[배열.length] = '요소'

[splice]

• 인덱스로 배열 요소를 제거할 수 있다. splice 를 사용한다.
  • 배열.splice(인덱스, 제거할 요소의 개수)
  • splice는 다양하게 활용된다. 일부를 제거하고 붙이는 것도 접합이고, 중간에 다른 요소를 넣고 붙이는 것도 접합이다.
  • splice() 메소드는 요소를 제거할 때 뿐만 아니라 요소를 중간에 넣을 때도 사용할 수 있다.
• 값으로 요소를 제거할 때는 indexOf 를 사용해 값의 위치를 추출하고, splice() 메소드를 사용해 제거한다.
  • const 인덱스 = 배열.indexO(요소) → 배열.splice(인덱스, 1)
  • indexOf는 배열 내부에 인덱스가 없을 때 -1을 리턴한다.
• 배열에서 특정한 값을 가진 메소드를 모두 삭제할 때는 filter() 메소드를 사용할 수 있다.
• 특정 위치에 요소를 추가할 때는 splice() 메소드를 사용한다.
  • 배열.splice(인덱스, 0, 요소) 와 같이 사용할 수 있다.
    • 2번째 매개변수에 0을 입력하면 아무것도 제거되지 않고, 3번째 매개변수에 추가하고 싶은 요소를 입력하면 된다.

 

2. for in 반복문

• 배열과 함께 사용할 수 있는 반복문은 for in 반복문이다.
• 배열 요소 하나하나 꺼내서 특정 문장을 실행할 때 사용한다.

const todos = ['우유 구매', '업무 메일 확인', '필라테스 수업']
for (const i in todos) {
	console.log(`${i}번째 할 일 : ${todos[i]}`)
}
//0번째 할 일 : 우유구매
//1번째 할 일 : 업무 메일 확인
//2번째 할 일 : 필라테스 수업

• for 반복문의 반복 변수에는 요소의 인덱스들이 들어온다.

 

3. for of 반복문

• for in 반복문은 반복 변수에 인덱스가 들어간다. 내부 요소를 사용하려면 fruits[i]와 같은 형태로 사용하며, 안정성을 위해 몇 가지 코드를 더 추가한다.
• 따라서 요소의 값을 반복할 때 사용하는 것이 for of 반복문이다.

const todos = ['우유 구매', '업무 메일 확인', '필라테스 수업']
for (const todo of todos) {
	console.log(`오늘 할 일 : ${todo}`)
}
//오늘 할 일 : 우유구매
//오늘 할 일 : 업무 메일 확인
//오늘 할 일 : 필라테스 수업

 

4. for 반복문

• for 반복문은 특정 횟수만큼 반복하고 싶을 때 사용하는 범용적인 반복문이다.

//기본형
for (let i = 0; i < 반복횟수; i++) {
	문장
}

//덧셈 구현
let output = 0
for (let i = 1; i <= 100; i++ ) {
	output += i
}
console.log(`1~100까지의 숫자를 모두 더하면 ${output} 입니다`)

//배열 거꾸로 출력 
const todos = ['우유구매', '업무 메일 확인', '필라테스']
for (let i = todos.length-1; i >= 0; i--) {
	console.log(`${i}번째 할 일 : ${todos[i]}`)
}

 

5. while 반복문

• python의 while 문과 거의 유사하다.

let i = 0
while (confirm('계속 진행하시겠습니까?')) {
	alert(`${i}번째 반복입니다.`)
	i = i + 1
}

 

6. break 와 continue 키워드

• break 은 통상적인 개념과 마찬가지로 멈출 때, continue는 계속할 때 사용한다.
• continue는 반복 작업을 멈추고 반복문의 처음으로 돌아가 다음 반복 작업을 진행한다. continue 뒤에 있는 문장은 실행되지 않는다.