JS_04_반복문

1. 반복문이란?

---

특정한 조건의 논리 결과가 true 일 때 특정한 명령어들을 반복처리

1) 형태

• 일반 for문
  for( let i = 0 ; i < 0 ; i++ ){ }
• 향상된 for문
  for( let index in 배열 ){ }
for( let value of 배열 ){ }
• forEach 문
  리스트.forEach( 변수 => { } )
  - 특징 : 반환값이 없음

array.forEach( value => { console.log( value ); } )

• map 문
  리스트.map( 변수 => { } )
  • 특징 : 반환값이 있음
  • 배열의 반환값들을 새로운 반환값에 저장할 수 있음

let newArray = array.map( value => {return value; } )

• filter 문
  리스트.filter( 변수 => { } )
• 조건문이 존재하며, 반환값이 있음
• 조건에 충종하는 반환값만 새로운 배열로 저장할 수 있음

let newArray = array.filter( { value => return value > 10 ; } )

2) 문법

• 초기값 : 반복할 때 반복의 카운터/횟수를 체크하는 변수의 처음값
• 조건문 : 반복 실행문이 실행되는 조건으로 true 이면 { } 실행, 아니면 종료
• 증감식 : 반복 변수의 증가 혹은 감소 변화 연산식
• 실행문 : 조건이 true일때 반복실행되는 코드

// 1~5를 출력하는 반복문
for (let i = 1 ; i <= 5; i++){
    console.log(i)
}
// >> 결과 : 1 2 3 4 5 

3) 배열과 반복문의 관계

• 배열의 인덱스는 순차적인 순서 번호가 존재
• 배열의 길이 : 변수명.lenght
• 배열의 마지막 인데스 : 변수명.lenght-1

2. 반복문 제어 키워드

---

1) continue

• 가장 가까운 for문의 증감식으로 이동

for () {
    if (true) {
        continue;
        }; // true일 경우, 아래 코드를 실행하지 않고 for 문의 증감식으로 이동!!
    console.log();
    };

2) break

• 가장 가까운 for문의 종료

    for () {
        if (true) {
            break;
            }; // true일 경우, // 반복문 자체를 종료
    };

3) 무한 루프

    for( ; ; ){  }  // for 안에 아무것도 넣지 않음 or 조건식, 증감식이 무조건 true

3. 예제

---

// 1~10, 누적합계. 단, 누적합계 10 초과시 종료
let sum = 0;
for (i = 1; i <= 10; i++) {
    sum += i;
    if (sum > 10) { break; }     // 반복문 자체를 종료
}
console.log(sum)

// 배열 요소의 합계와 평균 구하기
// 다음 학생들의 점수가 담긴 배열이 있습니다. 
// for 반복문을 사용하여 모든 점수의 합계와 평균을 계산하여 콘솔에 출력하시오.
let scores = [85, 92, 78, 65, 95];
*/

let scores1 = [85, 92, 78, 65, 95];
let sum1 = 0;
for (let i = 0; i < scores1.length; i++) {
    sum1 += scores1[i];
};
console.log(`합계 : ${sum1}`);
console.log(`평균 : ${sum1 / scores1.length}`);

// 배열에서 특정 값의 개수 세기
// 다음 배열에서 'A'형 혈액형을 가진 사람이 몇 명인지 for 반복문을 통해 세고, 그 수를 콘솔에 출력하시오.

let bloodTypes = ['A', 'B', 'O', 'AB', 'A', 'B', 'A'];
let count = 0;

for (let i = 0; i < bloodTypes.length; i++) {
    if (bloodTypes[i] == 'A') {
        count++;
    };
};
console.log(`${bloodTypes.length}명 중 A형은 ${count}명`);