Chapter 04. 반복문

• 요소(element) : 배열 내부에 들어있는 값. 어떤 종류의 자료형도 요소가 될 수 있음
  [요소, 요소, 요소, ... ,요소]
• 인덱스(index) : 요소의 순서
  배열[인덱스]
• 배열.length : 배열 요소의 개수 확인
• 배열.indexOf(요소) : 배열 내부에서 특정 값의 위치를 추출

 

배열 뒷부분에 요소 추가하기

배열.push(요소)

 

배열 요소 제거하기

• 인덱스로 요소 제거
  배열.splice(인덱스, 제거할 요소의 개수)
• 값으로 요소 제거
  const 인덱스 = 배열.indexOf(요소)
  배열.splice(인덱스, 1)

 

배열 내부에서 특정 값을 가진 요소 모두 제거하기

배열.filter((item) => item !== '특정값')

 

배열의 특정 위치에 요소 추가하기

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

 

자료의 비파괴와 파괴

• 비파괴적 처리: 처리 후에 원본 내용이 변경되지 않음
  trim() 메소드 ...
• 파괴적 처리: 처리 후에 원본 내용이 변경됨
  push() 메소드, map() 메소드 ...

 

 

---

for in 반복문

반복 변수에 요소의 인덱스들이 들어옴

안정성을 위한 코드 추가. 배열이 아닌 객체에 최적화돼있어서 배열엔 비추 

for (const key in 객체) {

    if (Object.hasOwnProperty.call(object, key)) {

        const element = object[key];

       

    }

}

 

for of 반복문

반복 변수에 요소의 값이 들어감 

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

   

}

 

for 반복문

다른 반복문과 다르게 반복 변수를 let 키워드로 선언.

횟수를 기준으로 반복할 때는 코드를 간결하게 구현할 수 있는 for 반복문 사용

for (let index = 0; index < array.length; index++) {

    const element = array[index];

   

}

 

while 반복문

조건에 큰 비중이 있을 때 사용하는 것이 좋음.

'특정 시간동안 어떤 데이터를 받을 때까지', '배열에서 어떠한 요소가 완전히 제거될 때까지' 등의 조건을 기반으로 사용하는 반복문에 사용.

 

do...while문

일단 한 번은 코드를 실행하고, 그 후에 조건식을 체크하여 반복 여부를 결정합니다.

let i = 0;

do {

  console.log(i);

  i++;

} while (i < 10);

 

break, continue

• break 키워드 : switch 조건문이나 반복문을 벗어날 때 사용
• continue 키워드 : 반복문 안의 반복 작업을 멈추고 다음 반복 작업으로 넘어감

break키워드나 continue 키워드는 반복문의 조건식을 적절하게 만들면 필요없는 구문이므로
필요 없는 부분에 무리하게 사용하지 않도록 최대한 자제

 

중첩 반복문

n차원 처리를 할 때 반복문을 n번 충첩해서 사용
예) 외부의 반복문: 줄생성, 내부의 반복문: 별 생성