Number type
100, 3.14 등등 일반적인 숫자들을 이야기한다.
정상적이지 않은 숫자나 표현할 수 있는 범위를 벗어난 값은 NaN , Infinity로 표현한다.
String Type
“안녕하세요”, “Hello World”와 같은 문자열이다.
문자열은 따옴표(‘)나 큰따옴표(“)를 사용하여 표현한다.
큰따옴표 문자열 안에는 따옴표 사용 가능하고 따옴표 문자열 안에서 큰따옴표 사용 가능하다.
큰따옴표 문자열에서 큰따옴표를 쓰거나 따옴표 문자열에서 따옴표를 쓰려면 \’ or \” 를 사용해야 한다.
\문자를 사용하고 싶다면 \\로 사용한다.
줄바꿈을 하고 싶을 때는 \n를 사용한다.
Boolean Type
true, false 값을 말한다.
문자열 "1"과 1은 다른 값이다.
그렇기 때문에 문자열 "1"을 1로 바꾸어주는 명령어가 존재한다.
parseInt(), parseFloat() 명령어
문자열의 값 중 숫자를 정수 값이나 실수 값으로 자료형을 변환해주는 명령어이다.
숫자로 시작하는 문자열의 경우 문자가 나오기 직전까지의 숫자를 변환해주고
문자로 시작하는 문자열의 경우는 오류가 반환된다.
이제 실습을 다음과 같이 진행하였다.
index.html
<html>
<head>
<meta charset="utf-8">
<script src="lecture05.js"></script>
</head>
<body>
This is a basic HTML page
</body>
</html>lecture05.js
var height = prompt("키를 입력해 주세요");
console.log(height, typeof(height));
var height_int = parseInt(height);
console.log(height_int, typeof(height_int));
var height_float = parseFloat(height);
console.log(height_float, typeof(height_float));웹 사이트에서 실행을 시키면 사용자의 입력값을 받는다.
parseInt와 parseFloat을 통해 문자열의 앞부분 183이 정수값과 실수값으로 변경되어 출력되었다.
문자열의 앞부분이 숫자가 아니다보니 변환하는데 오류가 발생한 것을 확인 할 수 있다.
다음은 문자열 실습이다.
index.html
<html>
<head>
<meta charset="utf-8">
<script src="lecture06.js"></script>
</head>
<body>
This is a basic HTML page
</body>
</html>lecture06.js
var a='문자열은 따옴표로 둘러싸면 됩니다.';
var b="큰따옴표로도 문자열을 표현할 수 있습니다.";
var c="큰따옴표 문자열에는 따옴표 '를 사용할 수 있습니다.";
var d='따옴표 문자열에는 큰따옴표 "를 사용할 수 있습니다.';
var e="따옴표를 쓰고 싶다면 \'이렇게\' 사용하면 됩니다. 마찬가지로 \"큰따옴표\"도 쓸 수 있습니다.";
var f='따옴표를 쓰고 싶다면 \'이렇게\' 사용하면 됩니다. 마찬가지로 \"큰따옴표\"도 쓸 수 있습니다.';
var g="\\ 문자를 쓰고 싶다면 역슬래시를 두번 씁니다.";
var h="문자열에서 줄바꿈을 하고 싶다면, \n 역슬래시n을 사용합니다.";
var i=a+b;
var j="abcde";
console.log(a);
console.log(b);
console.log(c);
console.log(d);
console.log(e);
console.log(f);
console.log(g);
console.log(h);
console.log(i);
출력을 해 보면 문자열의 내용이 그대로 다 맞다는 것을 확인 할 수 있다.
끝.
'Computer Science > Javascript' 카테고리의 다른 글
| Javascript -6- String (0) | 2020.01.23 |
|---|---|
| Javascript -5- 연산자, 함수 (0) | 2020.01.23 |
| Javascript -4- Object (0) | 2020.01.18 |
| Javascript -2- 변수, 자료형 (0) | 2020.01.18 |
| Javascript -1- 시작 (0) | 2020.01.18 |