[JavaScript] 반복문

JS 반복문

• JS에는 다양한 반복문들이 존재한다.

  설명	기능
  for	정해진 횟수만큼 반복
  while	특정 조건이 true이면 반복 / 조건을 먼저 검사
  do … while	무조건 한 번 실행 / 이후, 조건 검사 후 실행
  for … in	객체를 반복 / 키를 기준으로 반복
  for … of	배열, 문자열을 반복
  forEach	배열의 각 요소를 반복하여 실행 / 반복 중단 불가

---

반복문 종류

for: 정해진 횟수 만큼 반복

for (초기값, 조건식, 증감값) {…}

while: 특정 조건이 true이면 반복 / 조건을 먼저 검사

초기값; while (조건식) {…증감값}

do … while: 무조건 한 번 실행 / 이후, 조건 검사 후 실행

초기값; do {…증감값} while (조건식)

for … in: 객체를 반복 / 키를 기준으로 반복
(배열 사용 자제)

for (let 키변수 in 객체) {…}

for … of: 배열, 문자열을 반복
(객체 사용 자제)

for (let 값변수 of 배열) {…}

forEach: 배열의 각 요소를 순회하며 실행
반복 중단 불가

배열.forEach(function(요소[, 인덱스, 배열]) {…})
배열.forEach((요소[, 인덱스, 배열]) ⇒ {…})

• 현재요소: 현재 순회 중인 요소(작명)
• 인덱스(선택): 현재 요소의 인덱스
• 배열(선택): 호출한 배열
• forEach 주의사항!
  1. break 나 return 을 사용할 수 없다.
  2. async await 구문을 사용할 수 없다.

---

이중 반복문

• 반복문 안의 반복문으로, 중첩해서 사용할 수 있다.

    for (i = 0; i <= 3; i++) {
    	for (j = 0; j <= 3; j++) {
    		// 실행문
    	}
    }
      
    //총 16번 실행
  

---

객체 Object

• 객체: 키-값 쌍으로 데이터를 저장하는 구조
• 객체 생성

  const 객체명 = {키1: “값1”, 키2: “값2”, … , 키n: “값n”}

• 객체 키, 값 조회

    const 객체명 = { name: "홍길동", age: 20, city: "한양" };
    for (let 키변수 in people) {
    	console.log(키변수); // 키 조회
    	console.log(객체명[키변수]) // 값 조회
    }
  

• 객체에서 키, 값 따로 묶기

  함수	기능
  Object.keys(객체명)	키의 배열
  Object.values(객체명)	값의 배열
  Object.entries(객체명)	[키, 값]의 배열

• 객체로 만들어진 배열에서 값 가져오기

  참조변수명.키이름