🦁_21.11.30 TIL

21년 11월 30일

📝 Javascript

📎 반복문

for문의 다른 형태들

let array = [10, 20, 30, 40, 50]
let i = 0;

// i > array.length 주의! => 무한반복
for (; i < array.length; ) {
  console.log(array[i]);
  i++;
}

array.forEach((e) => console.log(e * 3));

// for in
for (let val in array) {
  console.log(array[val]);
}

// for of
for (let value of array) {
  console.log(value);
}

// 평균 구하기
let sum = 0;
for (let value of array) {
  sum += value;
}

console.log(sum / array.length); // 30

while문

• 특정 조건을 만족할 때까지 계속해서 주어진 실행문을 반복
• 표현식이 참이면 내부의 실행문을 실행
• while문 내에 표현식의 결과를 변경하는 실행문이 존재하지 않을 경우 무한 루프(infinite loop)

while (표현식) {
  표현식의 결과가 참인 동안 반복적으로 실행하고자 하는 실행문;
}

// 무한 루프
while (true) { ... }

// 구구단 - 내 코드
let i = 2;
while (i < 10) {
  let j = 1;  // 지역변수
  while (j < 10) {
    console.log(`${i} X ${j} = ${i * j}`);
    j++;
  }
  i++;
}

do/while문

• do/while문은 먼저 루프를 한 번 실행한 후에 표현식을 검사
  => while문은 루프에 들어가기 전에 표현식 검사 먼저

do {
  표현식의 결과가 참인 동안 반복적으로 실행하고자 하는 실행문;
} while (표현식);

// 예제
let num = 0;
do {
  console.log(num);
  num += 1;
} while (num < 11);

break

// 구구단 4단까지만 출력
let i = 2;
let j = 1;
while (i < 10) {
  if (i == 5){
    break;
  }
  while (j < 10) {
    console.log(`${i} X ${j} = ${i*j}`);
    j++;
  }
  i++;
  j = 1;
}

// 구구단 2 X 4, 3 X 4, ... 9 X 4까지 출력
let i = 2;
let j = 1;
while (i < 10) {
  while (j < 10) {
    if (j == 5){
      break;
    }
    console.log(`${i} X ${j} = ${i*j}`);
    j++;
  }
  i++;
  j = 1;
}

📎 중첩된 반복문을 벗어나는 방법

What's the best way to break from nested loops in JavaScript?

Set parent(s) loop to the end

for (let i = 0; i < 5; i++) {
  for (let j = 0; j < 5; j++) {
    if (j === 2) {
      i = 5;
      break;
    }
  }
}

Use label

// exit_loops라는 식별자가 붙은 레이블 for 문
// 현업에서는 객체와 햇갈려서 잘 안쓰는 편
// 할꺼면 function으로
exit_loops: for (let i = 0; i < 5; i++) {
  for (let j = 0; j < 5; j++) {
    if (j === 2) {
      // j === 2이면 for 문을 탈출
      break exit_loops;
    }
  }
}

참고링크

• label - MDN

Use variable

let exit_loops = false;
for (let i = 0; i < 5; i++) {
  for (let j = 0; j < 5; j++) {
    if (j === 2) {
      exit_loops = true;
      break;
    }
  }
  if (exit_loops) break;
}

Use self executing function

(function () {
  for (let i = 0; i < 5; i++) {
    for (let j = 0; j < 5; j++) {
      if (j === 2) return;
    }
  }
})();

Use regular function

function nested_loops() {
  for (let i = 0; i < 5; i++) {
    for (let j = 0; j < 5; j++) {
      if (j === 2) return;
    }
  }
}
nested_loops();

📎 자료형 - 문자열(String)

• Javascript에는 텍스트 형식의 데이터는 길이에 상관없이 문자열 형태로 저장
• String은 따옴표로 묶습니다.

// 작은따옴표와 큰 따옴표는 기능상 차이가 없다.
let single = '작은따옴표';
let double = "큰따옴표";

// 백틱은 표현식을 ${...}를 이용해 문자열 중간에 쉽게 삽입할 수 있다
// = template literal
let backticks = `백틱`;

문자열의 길이

• 문자열.length 프로퍼티 : 문자열의 길이가 저장

let s = `abcdefABCDEF`;

console.log(s.length); // 12

부분 문자열 찾기

=> 작성중입니다:)

📎 Javascript Cheet Sheet 만들기

소스코드 보기

📎 연습문제 풀기

1. 다음 값의 평균과 분산을 구하시오.

let nums = [10, 20, 30, 10, 20, 30, 40, 10];
let total = 0;

// 평균
for (let num of nums) {
  total += num;
}

let avr = total / nums.length;
console.log(avr);

// 분산
let total2 = 0;

for (let num of nums) {
  // avr 넣어야 하는데 total로 잘못넣어서 계속 엉망진창이었음
  num = (num - avr) ** 2;
  total2 += num;
}

console.log(total2 / nums.length);

2. 다음 string의 평균 값을 구하세요.

let str = "5, 4, 10, 2, 5";
let sum = 0;

str = str.split(",");

for (let num of str) {
  // 자동완성을 사용해서 parseInt가 parent로 잘못 들어가서 이것도 엉망진창이었음
  // Number의 목적은 형 변환이 아니므로 parseInt 사용하기
  sum += parseInt(num);
}

console.log(sum / str.length);

---

마무리

• 수업 시간이 후딱 지나갔다. 나름 타자를 바쁘게 쳤는데 잘했나보다?!🤸
• 코딩테스트 문제 풀기 꽤 잼
  => 아직 쉬워서 그런가봄 히히히
• 자바스크립트 스터디에 참여하게 되었다아
  => 스터디 처음이어서 약간 긴장되지만 잘해야지!!