[JavaScript] for문(반복문)

🎫 for문(반복문)

for문은 1) 변수 초기화 및 선언 2) loop 정지 조건 체크 3) 각 loop의 iterator(반복자) 변수를 업데이트 하는 내용으로 구성되어 있다. 각각의 내용은 ;으로 구분되며 false가 나올때까지 코드를 반복하고 출력하고 싶을 때 사용한다.

for (let i = 0; i < 4; i++) {
  console.log(i);
}

› 0
› 1
› 2
› 3

🧨assignment!

findSmallestElement 함수를 구현해 주세요. findSmallestElement 의 arr 인자는 숫자 값으로만 이루어진 array 입니다. array 의 값들 중 가장 작은 값을 리턴해주세요. 만일 array가 비어있으면 0을 리턴해주세요.

let arr = [20, 200, 23, 1, 3, 9];

function findSmallestElement(arr) {
  if (arr.length === 0) {
    return 0;
  } else {
    
    let min = arr[0];
    
    for (let i = 0; i < arr.length; i++) {
      if (min > arr[i]) {
        min = arr[i];
      }
    } return min;
  }
}

findSmallestElement(arr);

.while문: while 단독으로 사용하며 내가 지정한 조건이 false가 될 때까지 작업을 반복하고 출력하고 싶을 때 사용한다. 조건문을 잘 못 지정할 경우, 무한 loop에 빠질 수 있으므로 주의해야 한다.

const cards = ['diamond', 'spade', 'heart', 'club'];

let currentCard;

while (currentCard != 'spade') {
 currentCard = cards[Math.floor(Math.random() * 4)];
 console.log(currentCard);
}

› diamond
› heart
› spade

.do... while문: 최초 1회 지정한 조건을 실행하고 그 조건이 false가 될때까지 loop가 실행된다. 값을 출력하면 false가 된 그 시점의 값만 반환한다.

let result = ''; → text로 인식
let i = 0;

do {
  i = i + 1;
  result = result + i;
} while (i < 5);

console.log(result);

› 12345

.for...in: 객체안에서 모든 열거 가능한 속성(property)에 대해서 loop를 반복한다.

for (let i = 0; i < arr.length; i ++) {
  console.log(i)
  console.log(arr[i])
} 

//🍿 for문을 간단하게 축약

for (let i in arr) {
  console.log(i)
  console.log(arr[i])
}

.for of: [symbol.lterator] 속성을 가지는 객체 대해서 loop를 반복한다.(*반복 가능한 객체: Array, Map, Set, String 등)

for (let i of list) {
  console.log(i);
}

›4
›5
›6