JavaScript 입문 3일차

이종민·2021년 5월 12일
0

JavaScript 입문

목록 보기
3/21
post-thumbnail

맨땅으로 유튜브와 책을 통한 공부 3일차이다. 작심삼일 이라는 말처럼 3일차는 흐트러지기 좋은 날이다. 그래서 퇴사라는 배수진과 위코드 조원들과 스터디가 있기 때문에 중심을 잡고하기 좋은 것 같다. 원래 게임도 제한플레이나 하드모드가 더 재미있는 법이니까.

오늘은 자료형 변환 에 관하여 공부하였다.

21/05/12 JavaScript 공부 요약

1.문자열 입력 함수

  • 사용법 : prompt('메시지 문자열', '기본 입력 문자열')
  • 사용예시
<script>
const input = prompt('메시지를 입력하세요.', '')

alert(input)
</script>

위의 코드의 결과물

위의 입력창에 입력한 문자열을 input 에 저장되며

위와 같이 '안녕하세요' 란 문구를 입력하면 input 에 '안녕하세요' 라는 값이 들어간 것을 확인할 수 있다.

console.log(input)// 확인을 위해 input의 값을 출력해보자.
>안녕하세요. // '안녕하세요' 가 상수 const input 의 값으로 등록된 것을 확인 할 수 있다.

2. 숫자 자료형으로 변환하기

  • 사용법 : Number('자료')
  • 설명 : 위와 같이 입력창에 '안녕하세요' 가 아닌 '1234' 같은 숫자를 입력할 경우 입력된 숫자를 숫자 자료형이 아닌 문자열 자료열로 인식된다. 따라서 '1234'문자열이기에 '1234 + 5 = 1239' 라는 연산 결과를 얻을 수 없다. 따라서 위의 Number() 를 이용하여 감싸면 문자열이 숫자열 자료로 변환 된다.
const input = prompt('숫자를 입력해주세요.','')
//1234 를 입력

console.log(input)
>1234 //input 값에 '1234' 가 들어간 걸 확인한다.

typeof('input')
>"string" //숫자형이 아닌 문자형으로 인식하는 걸 확인할 수 있다.

typeof(Number('input'))
"number" //Number() 로 'input' 을 감싸주니 숫자형 자료로 변환된 것을 확인할 수 있다.
  • 다른 사용법
    Number () 를 사용하지 않고 변환하는 방법으로는 숫자가 아닌 다른 자료에서 0일 빼거나 1을 곱하거나 나누면 숫자자료형으로 변환된다.

예시)

124 - 0
>123

typeof('124'-0)
>"number"

true - 0
>1

>typeof('true - 0')
>"number"

3. 문자열 자료형으로 변환하기

  • 사용법 : String('자료')
  • 사용예시
typeof(String(1234))
>"string" // 숫자형이 '1234' 가 문자열로 변환되었다.
  • 다른 사용법
    String () 를 사용하지 않고 변환하는 방법으로는 다른 자료형에 + '' 를 붙여주면 된다.
typeof(1234+'')
>"string" // 숫자형이 '1234' 가 문자열로 변환되었다.

4. 불 자료형으로 변환하기

  • 사용법 : Boolean('자료')
  • 설명: 대부분의 자료는 불로 변환하면 'true' 로 변환된다. 예외로는 0, NaN, '...',"...",null,undefined 위의 자료들은 'false' 로 변환된다.

0개의 댓글