2장. 자료와 변수 - 3

 

 

 

혼공JS 2장 - 3

 

 

 

---

02-3 자료형 변환

• 사용자로부터 글자를 입력 받을 때는 prompt() 함수를 사용한다.
• 어떤 자료형의 값을 다른 자료형으로 변경하는 것을 자료형 변환이라고 한다.
• 숫자 자료형으로 변환할 때 Number() 함수를 사용한다.
• 문자열 자료형으로 변환할 때 String() 함수를 사용한다.
• 불 자료형으로 변환할 때 Boolean() 함수를 사용한다.

 

 

<문자열 입력>

• 문자열 자료형을 입력할 때 사용하는 함수는 prompt()이다.

prompt(메시지 문자열, 기본 입력 문자열)

<script>
    // 상수를 선언합니다.
    const input = prompt('message', '_default')

    // 출력합니다.
    alert(input)
</script>

• 위 코드를 실행한 결과는 아래와 같다.

• 위와 같이 함수를 실행한 후 값을 남기는 것을 리턴(return)이라고 표현한다.

 

---

 

<불 입력>

• 문자열 외에 불 자료형도 값으로 입력받을 수 있으며, confirm() 함수를 사용한다.

confirm(메시지 문자열)

<script>
    // 상수를 선언합니다.
    const input = confirm('수락하시겠습니까?')

    // 출력합니다.
    alert(input)
</script>

• 위 코드의 결과는 아래와 같다.

• 사용자가 [확인]을 클릭하면 true를 리턴하고, [취소] 버튼을 클릭하면 false를 리턴한다.

 

---

 

<숫자 자료형으로 변환하기>

• 다른 자료형을 숫자 자료형으로 변환할 때는 Number() 함수를 사용한다.

Number(자료)

• 예를 들어 아래와 같이 "273"이라는 문자열을 Number() 함수에 넣으면 273이라는 숫자로 변한다.

콘솔에서 실행한 결과

• 다른 문자가 들어있어서 숫자로 변환할 수 없는 문자열의 경우 NaN(Not a Number)라는 값을 출력한다.
• NaN은 자바스크립트에서 숫자이지만, 숫자로 나타낼 수 없는 숫자를 뜻한다.

콘솔에서 실행한 결과

• 불은 숫자로 변환하면 true는 1로, false는 0으로 변환된다.

콘솔에서 실행한 결과

 

숫자 연산자를 사용해 자료형 변환하기

• Number() 함수를 사용하지 않고도 다른 자료형을 숫자 자료형으로 변환할 수 있다.
• 바로 숫자 연산자 -, *, /,를 사용하는 것이다.

콘솔에서 실행한 결과

 

• 참고로, 불과 숫자를 + 연산자로 연결하면 불이 숫자로 변환된 뒤에 더해진다.

콘솔에서 실행한 결과

 

---

 

<문자열 자료형으로 변환하기>

• 다른 자료형을 문자열 자료형으로 변환할 때는 String() 함수를 사용한다.

String(자료)

• 다른 자료형을 문자열로 변환하면 기본 형태의 문자열로 출력된다.

콘솔에서 실행한 결과

 

문자열 연산자를 사용해 자료형 변환하기

• String() 함수를 사용하지 않고도 다른 자료형을 문자열 자료형으로 변환할 수 있다.
• 바로 문자열 연결 연산자(+)를 사용하면 된다.

콘솔에서 실행한 결과

 

---

 

<불 자료형으로 변환하기>

• 다른 자료형을 불 자료형으로 변환할 때는 Boolean() 함수를 사용한다.

Boolean(자료)

• 대부분의 자료는 불로 변환했을 때 true로 변환된다.
• 다만 0, NaN, "", null, undefined라는 5개의 자료형은 false로 변환된다.

콘솔에서 실행한 결과

 

논리 부정 연산자를 사용해 자료형 변환하기

• Boolean() 함수를 사용하지 않고 논리 부정 연산자(!)를 사용해서 다른 자료형을 불 자료형으로 변환할 수 있다.
• 불이 아닌 다른 자료에 논리 부정 연산자를 2번 사용하면 불 자료형으로 변환한다.

콘솔에서 실행한 결과

콘솔에서 실행한 결과

 

 

---

 

 

inch를 cm 단위로 변경하기

  <script>
    // 프로그램(program = pro[미리] + gram[작성된 것])
    // 목표 : inch 단위를 cm 단위로 변경하기
    // 입력 : prompt() inch 단위 숫자
    const input = Number(prompt('inch 단위의 숫자를 입력해주세요.'))
    // 처리 : 1inch → 2.54cm
    const output = input * 2.54
    // 출력 : cm 단위의 숫자
    alert(`${input}inch = ${output}cm입니다.`)
  </script>

• 실행한 결과는 아래와 같다.

 

• 프로그래밍을 만들다 보면 프로그래밍 이외의 정보나 지식이 필요할 때가 많다.
• 현재 프로그램에서도 inch 단위를 cm 단위로 변환할 때 2.54를 곱하는 것은 프로그래밍 이외의 지식이다.

 

 

 

 

• 저자 유튜브 강의 보기
  • 13강 - 2.3절 자료형 변환 : https://www.youtube.com/watch?v=FvCvDoj1TKk
  • 14강 - 2장 누적 예제 : https://www.youtube.com/watch?v=mLL3pG2SsSk

 

 

 

---

해당 글은 [혼자 공부하는 자바스크립트] 책을 토대로 공부한 내용을 기록하기 위하여 작성됨.

 

---