JavaScript 자바스크립트 Data Type 자료형 - 숫자, 문자(그리고 typeof)

JavaScript 자바스크립트 Data Type 자료형 - 숫자, 문자(그리고 typeof)

오늘은 자바스크립트 Data Type 자료형 중에서 Number 숫자와 String 문자를 알아보겠습니다.

 

먼저 Number 숫자를 알아봅시다.

숫자는 정수와 실수를 모두 포함합니다.

정수는 간단히 말해서 소수점이 붙어있지 않는 1, 2, 3... 과 같은 숫자를 말합니다.

실수는 소수점이 붙어있는 1.20, 100.6, 110101.1214 과 같은 숫자를 말합니다.

JavaScript 자바스크립트에서는 정수와 실수를 모두 Number 숫자로 인식합니다.

또 컴퓨터는 기본적으로 숫자를 2진수로 인식하기 때문에, 자바스크립트 또한 2진수와 8진수 16진수도 당연히 숫자로 인식합니다.

 

두번째로 String 문자를 알아봅시다.

문자는 작은따옴표(')나 큰따옴표(")로 묶여 있는 자료를 말합니다.

'홍길동'이라는 문자는 우리 사람 눈에는 당연히 문자로 보입니다.

그러나 작은따옴표나 큰따옴표로 묶어주지 않으면 컴퓨터는 문자로 인식하지 못합니다.

반대로 '10'이라는 숫자는 우리 사람 눈에는 당연히 숫자로 보입니다.

그러나 작은따옴표나 큰따옴표로 묶어주면 컴퓨터는 문자로 인식합니다.

 

실제로 확인해볼까요?

자바스크립트에서는 콘솔 창에서 typeof 연산자를 활용해 데이터의 자료형을 알 수 있습니다.

typeof는 아래와 같이 사용합니다.

typeof(확인하고 싶은 데이터)

콘솔창에서 typeof('홍길동')이라고 치면 어떤 값을 돌려줄까요?

정답은 "string"입니다. 작은따옴표로 묶여있기 때문에 문자로 인식합니다.

그럼 typeof("홍길동")이라고 치면 어떤 값을 돌려줄까요?

정답은 "string"입니다. 큰따옴표로 묶여있기 때문에 문자로 인식합니다.

이번에는 typeof(홍길동)이라고 치면 어떤 값을 돌려줄까요?

정답은 "undefined"입니다. 자료형이 지정되지 않았다는 뜻입니다. 우리 눈에는 홍길동이 문자로 보이지만 컴퓨터는 홍길동에 작은따옴표나 큰따옴표가 씌여있지 않기 때문에 문자로 인식하지 못합니다.

 

이번에는 typeof(10)이라고 치면 어떤 값을 돌려줄까요?

정답은 "number"입니다. 숫자로 인식했다는 것이지요.

그럼 typeof('10') 또는 typeof("10")이라고 치면 어떤 값을 돌려줄까요?

정답은 "string"입니다. 10이 우리 사람 눈에는 숫자로 보이지만, 컴퓨터는 작은따옴표나 큰따옴표가 씌여있기 때문에 문자로 인식합니다.

 

직접 콘솔 창에 이런 저런 값을 넣어보면서 데이터 타입을 알아보세요.

자료형을 구분하는 것뿐만아니라, 콘솔 창에 익숙해지는 연습도하고 브라우저와 소통(?)하는 재미도 알아갈 수 있답니다!

감사합니다! ^^