[JavaScript] for 반복문

---

🕖 DAY +4 / 2022. 10. 25

SEB FE / Section1 / Unit3 / JavaScript 기초 제어문

---

📌 Today I Learned

• for 반복문
• 이중 반복문
• ${} 템플릿 리터럴(Template literals)

💬 for 반복문이란?

같거나 비슷한 코드를 여러 번 실행시켜야 할 경우 쓰이는 구문이다.

let sum = 1; // "sum과 숫자(n)의 합"을 "sum에 대입"하자
sum = sum + 2; // 숫자(n)은 2부터 시작한다
sum = sum + 3; // 숫자(n)가 4가 될 때까지 반복한다
sum = sum + 4; // 숫자(n)는 1씩 증가한다

console.log(sum);

for 구문

• 반복할 조건을 초기화, 조건식, 증감문 순으로 넣어 준다.

let sum = 1;
for (let n = 2; n <= 4; n = n + 1) {
	sum = sum + n;
    }
    console.log(sum);
    // expected output: 10

while 구문

• 반복할 조건 중 초기화, 증감문은 따로, 조건식만 괄호 안에 넣어 준다.

let sum = 1;
let n = 2;

while (n <= 4) {
	  sum = sum + n;
      n = n + 1;
      }
      // expected output: 10

예제

for (let i = 0; i <= num; i++) {  // num의 숫자만큼 반복하기 위한 조건문
  result = result + str;  // str을 반복하는 구현문
}
return result;

💬 이중 반복문

for (let i = 0; i < 10; i++) {
  for (let j = 0; j < 10; j++) {
    document.write('😄')
  }
document.write('<br>')

반복문이 시작되면 바깥쪽 for문에서는 변수 i에 초기값 0이 들어가면서 반복이 시작된다.
그 뒤로 안쪽 for문에 도달하게 되어 초기값 0부터 10까지 반복된다.
안쪽 for문에서의 반복이 끝나면 write을 통해 <br>을 출력해 줄바꿈을 한다.
다시 바깥쪽 for문이 실행돼 변수 i에 1이 할당되고 동일하게 안쪽 for문이 반복된다.

💬 ${} 템플릿 리터럴

템플릿 리터럴은 내장된 표현식을 허용하는 문자열 리터럴이다.
여러 줄로 이뤄진 문자열과 문자 보간기능을 사용할 수 있다.

function makePermutations(str) {

  let result = ""
  if (str.length === 0) {
      return ""
  }

  for (i = 0; i < str.length; i++) {
    for (j = 0; j < str.length; j++){
      result = result + `${str[i]}${str[j]},`
    }
  }
  return result.slice(0, result.length -1)
}

👀 돌아보기

변수(let)를 for문 안에 바로 집어 넣어서 할당할 수 있다는 것을 알았다.
첫 번째(바깥쪽) 반복문이 실행되면 안쪽 반복문이 조건을 다 채우고 난 뒤에야 다시 바깥쪽으로 돌아간다는 것을 계속 외우고 있다. 이해하려 해도 외워지기만 하는 중... 사용하다보면 적응이 되어 괜찮을 듯 싶다.
첫날 했던 것보다 다음 날 작성하기가 더 수월했던 for문...