자바스크립트 - 반복문

배열

배열(array)은 여러 개의 변수를 한 번에 선언해 다룰 수 있는 자료형이다.

 

배열 뒷부분에 요소 추가할 때는 push() 메소드를 사용한다.

배열.push(요소)

배열 요소 제거하기

1. 인덱스로 요소 제거

배열의 특정 인덱스에 있는 요소를 제거할 때는 splice() 메소드를 사용한다.

배열.splice(인덱스, 제거할 요소의 개수)

splice() 메소드는 배열의 특정 위치에 요소를 추가할 때도 사용한다.

다만 두번째 매개변수에 0을 입력해야 한다.

배열.splice(인덱스, 0, 요소)

2. 값으로 요소 제거

값을 기반으로 요소 제거할 때는 배열 내부에서 특정 값의 위치를 찾는 indexOf() 메소드를 사용해서 값을 추출한 뒤 splice() 메소드를 사용해 제거한다.

const 인덱스 = 배열.indexOf(요소)
배열.splice(인덱스, 1)

---

• 비파괴적 처리란 처리 후에 원본 내용이 변경되지 않는 처리를 의미함
• 파괴적 처리란 처리 후에 원본 내용이 변경되는 처리를 의미함

---

const array = [1, 2, 3, 4];

console.log(array.push(5));

위 코드에서 콘솔로그 값이 [1, 2, 3, 4, 5]를 출력할 것 같지만 기존 요소 개수에서 추가된 요소 개수를 출력하여 5라는 값으로 나온다. 이유는 그냥 그렇게 설계되어 있다고 한다...

반복문

1. for in 반복문

for (const 반복 변수 in 배열 또는 객체) {
  문장
}

for in 반복문은 배열 요소를 하나하나 꺼내서 특정 문장을 실행할 때 사용한다.=> 거의 잘 사용하지 않는다.

2. for of 반복문

for (const 반복 변수 of 배열 또는 객체) {
  문장
}

for of 반복문은 요소의 값을 반복할 때 for in 반복문보다 안정적으로 사용할 수 있다.

3. for 반복문

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

for 반복문은 범용적인 반복문으로 다양한 응용이 가능하다.

4. while 반복문

while 반복문은 if 조건문과 형태가 비슷하지만 다른 점은 문장을 한번만 실행하고 끝나는 것이 아니라 불 표현식이 true면 계속해서 문장을 실행한다.

while (불 표현식) {
  문장
}

while 반복문의 경우 조건이 변하지 않는다면 무한히 반복 실행하므로 조건을 거짓으로 만들 수 있는 내용이 문장에 포함되어 있어야 한다. 반복문이 무한 반복되는 것을 무한 루프라고 한다.

while 반복문은 조건에 큰 비중이 있을 때 사용하는 것이 좋다.

---

• break 키워드는 switch 조건문이나 반복문을 벗어날 때 사용한다.
• continue 키워드는 반복문 안의 반복 작업을 멈추고 반복문의 처음으로 돌아가 다음 반복 작업을 진행한다.