21.12.21

binary·2021년 12월 21일

일팔공

목록 보기

7/20

if, if-else 문

if(조건식) {
  ...실행문... // 조건식이 참인 경우 실행됨
}

if, else

if(조건식) {
  ...실행문1... // 조건식이 참인 경우 실행문1이 실행됨
} else {
  ...실행문2... // 조건식이 거짓인 경우 실행문2가 실행됨
}

if, else if, else

if(조건식1) {
  ...실행문1... // 조건식1이 참인 경우 실행문1이 실행됨
} else if(조건식2) {
  ...실행문2... // 조건식2이 참인 경우 실행문2가 실행됨
} .
  .
  .
  .
else {
  ...실행문n... // 앞의 모든 조건이 거짓인 경우 실행문n이 실행됨
}

switch 문

값에 따라 실행하는 코드가 다를 때 swith 문이 적합하다.

swith(식) {
  case 값1: 
    실행 문장 1; // 식의 결과가 값1과 같을 때 실행됨
    break;
  case 값2: 
    실행 문장 2; // 식의 결과가 값2과 같을 때 실행됨
    break;
  case 값3: 
    실행 문장 3; // 식의 결과가 값3과 같을 때 실행됨
    break;
  // .
  // .
  // .
  case 값n:
    실행 문장 n; // 식의 결과가 값n과 같을 때 실행됨
    break;
  defalut: // 식의 결과가 어느 값과도 같지 않을 때
    실행 문자 m;

case의 '값'

값은 상수(리터럴)만 가능
쓸수 있는 값 : 1, 43, "seoul", true, 2+3
잘못된 값 : a(변수 a 사용 불가), a > 3

break의 역할

switch 문 종료
break를 만날 때까지 코드가 계속 실행된다.

반복문

for 문

for(초기문; 조건식; 반복 후 작업) {
  ...작업문...
}

| 예시

 for (let i = 0; i < 10; i++) {
        document.write(i);
      }

| 실행화면

while 문

while(조건식) {
  ...작업문...
}

| 예시

let k = 1;
while (0 < k && k < 10) {
  document.write(k);
  k++;
}

| 실행화면

do-while 문

do {
  ...작업문...
} while(조건식);

| 예시

let k = 0;
do {
  document.write(k);
  k++;
} while (0 < k && k < 10);

k는 0으로 선언 되었다. while문의 조건은 0보다 크고 10보다 작은 k이다.
이때 do-while문은 조건식이 참이 아니더라도 한 번은 실행되는 반복문이다.

| 실행화면

do-while문과 비슷하게 while문을 작성해보면,

let k = 0;
while (0 < k && k < 10) {
  document.write(k);
  k++;
}

아무일도 일어나지 않음을 알 수 있다.

반복문 내의 break 문, continue 문

break 문 : 현재 실행되고 있는 반복문을 벗어난다. 중첩된 반복문일 경우 실행되고 있는 반복문만 벗어난다.
continue 문 : 다음 반복으로 점프

함수

목적을 가지고 작성된 코드 블록
데이터를 전달받아 처리한 후 결과를 돌려주는 코드 블록

| 함수의 형태

function 함수이름(매개변수) {
  ...프로그램 코드...
  return 결과;
}

| 함수 호출 예시

function add(a,b) {
  let sum;
  sum = a+ b;
  return sum;
}

console.log(add(2,3)); // 5

자바스크립트에서 제공하는 전역 함수

대표적인 자바스크립트 함수

eval() 함수
문자로 표현된 식을 계산한다.
parseInt() 함수
문자열 인자를 특정 진수의 정수를 반환한다.
isNaN() 함수
숫자면 false를 반환하고, 아니면 true를 반환한다.

구구단 출력 함수 만들기

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <script>
      function gugudan(n) {
        let m = parseInt(n);
        if (isNaN(m) || m < 1 || m > 9) {
          alert("잘못입력하셨습니다.");
          return;
        }
        for (let i = 1; i <= 9; i++) {
          document.write(m + "x" + i + "=" + m * i + "<br>");
        }
      }
    </script>
  </head>
  <body>
    <h3>구구단</h3>
    <hr />
    <script>
      const n = prompt("구구단 몇 단을 원하세요", "");
      gugudan(n);
    </script>
  </body>
</html>