[Array] 배열을 순회하는 반복문 모음 : for-in, for-of, forEach, while

break

• 원하는 구간에서 반복문을 종료
• 하나라도 발견하면 멈추고 싶을 때!

for(let i=0; i<5; i++){
  if(i==2){
    break;
  }
  console.log(i)
}
//0
//1

continue

• 해당하면 실행하지 않고 (건너뛰고) 진행한다.

for(let i=0; i<5; i++){
  if(i==2){
    continue;
  }
  console.log(i)
}
//0
//1
//3
//4

for - in

• 문자열, 객체, 배열에 사용
• 문자일 경우 인덱스 값 반환

let str = "abc";
for (let key in str) {
  console.log(key, str[key])
}
//인덱스, 값 반환
//'0' 'a'
//'1' 'b'
//'2' 'c'

• 객체일 경우 key 반환

let obj = {
  name:"철수", age:12
}
for (let key in obj) {
  console.log(key, obj[key])
}
/*결과*/
//key값, value값
'name' '철수'
'age' 12
//인덱스, 값 반환
'0' 'a'
'1' 'b'
'2' 'c'

for - of

• 각각의 요소들을 가져옴
• 속도가 굉장히 느리다
• 문자열, 배열에 사용

let str = "abc"
for (let data of str) {
  console.log(data)
}

for (let i=0; i<str.length; i++) {
  console.log(str[i])
}
/*결과*/
'a'
'b'
'c'

forEach (배열 베서드)

• 고차함수 : 함수를 인자로 넘긴다.

const arr = [1,2,3];
arr.forEach(function(el){
  console.log(el)
})

const arr = [1,2,3];
arr.forEach(el => {	//화살표 함수도 가능
  console.log(el)
})

/*결과*/
1
2
3

while

• 최초식, 조건식, 증감식이 분할되어 사용된다.
• 사용 범위: for와 동일
• 반복문이 중단되는 조건이 정상적이지 않을 때, 무한 루프에 빠질 수 있다.

//최초식을 while문 밖에 써줘야 한다.
let count = 0; //최초식
while(count !== 5){ //조건식(true일 때만 실행)
  count++; //증감식
  console.log(count);
}


/*결과*/
1
2
3
4
5