[JS] Syntax | 02. 자료형

1. Number

Number는 정수(int) / 실수(float) / NaN(Non a Number) / Infinity 를 포함합니다.

속성	반환값
MAX_VALUE	JS에서 최댓값
MIN_VALUE	JS에서 최솟값
NaN	숫자가 아닌 값
INFINITY	최대/최소보다 크거나 작은 값

 

메소드	매개변수	기능	예시 (100)
toExponential(n)	n : 소수점 자리 수	지수표기법으로 변환	4 | 1.0000e+2
toFixed(n)	n : 소수점 자리 수	소수점 자리 수를 고정	4 | 100.0000
toPrecision(n)	n : 유효숫자 수	유효숫자 범위를 지정	4 | 100.0
toString(n)	n : 진수	지정한 진수법으로 표현한 문자열 변환	16 | 64
valueOf( )		객체 값	100

 

숫자의 자료형을 변환하려면 아래 함수를 사용해야 합니다.

Number()	=> 숫자
parseInt()	=> 정수
parseFloat()	=> 실수

2. String

보통 string을 JS와 HTML을 혼용할 때는 JS에서 작은 따옴표(''), HTML에서 큰 따옴표("")를 사용합니다.

속성	반환값
length	길이

 

메소드	매개변수	기능
charAt(n)	int n : 위치	n번째 문자를 반환
charCodeAt(n)	int n : 위치	n번째 문자를 유니코드 값으로 변환
concat(s1, s2)	str s1 : 문자열1 str s2 : 문자열2	두 문자를 합침
lastIndexOf(s, index)	str s : 검색 문자 int index : 시작 위치	index를 시작으로 거꾸로 검색하면서 s가 나오는 위치를 반환
replace(reg, str)	RegExp reg : 정규식 str str : 치환할 문자열	정규식 reg에 해당하는 부분을 str로 바꿈
split(sep, n)	str sep : 분할자 int n : 위치	sep를 분할자로 하여 처음 n개 까지 문자열들의 array
substr(s, len)	str s : 처음 문자 int len : 길이	처음 문자 s부터 길이 len 만큼 자르기
substring(s, e)	int s : 시작 위치 int e : 끝 위치	s번째부터 e번째 까지 자르기
toLowerCase()		소문자를 대문자로
toUpperCase()		대문자를 소문자로
valueOf( )		객체 값

 

문자열은 인코딩 방식에 따라 저장되는 방식이 다르며, 일반적으로 ASCII 코드의 형식을 사용합니다.

문자열을 이 ASCII 형식으로 변환하고자 할 때는 escape() 함수를, 그 반대는 unescape() 함수를 사용합니다.

document.write(escape("abcde")); // abcde
document.write(escape("~!@#$")); // %7E%21@%23%24

document.write(unescape("aA1%20*")); // aA1 *
document.write(unescape("%20a%20b%20c")); //  a b c

 

escape()함수는 모든 문자를 ASCII 코드로 변환하기 때문에 일부 특수문자(:, ?, / 등)을 사용해야 하는 URL에는 사용하기에 부적절합니다. 대신 encodeURI() 혹은 encodeURIComponent() 함수를 사용합니다. 후자는 '/'를 보존하지 않습니다.

3. Boolean

Boolean은 다른 언어와 마찬가지로 true / false로 사용합니다.

var bln_t = true;
var bln_f = false;

 

4. Array

배열은 C에서의 배열이나 Python에서의 리스트와 같이 일련의 값을 나열해서 넣을 수 있습니다.

// declare with size
var arr = new Array(5);

// declare with elements
var arr = new Array(e1, e2, e3);

// short declaration
var arr = [e1, e2, e3];

 

속성	반환값
length	길이

 

메소드	매개변수	기능
concat(*s)	array s : 배열	배열 s를 합침
join(sep)	str sep : 구분자	구분자 sep로 모든 배열 요소를 문자열로 합침
pop()		stack pop. 제거한 요소를 반환
push(e)	var e : 추가할 요소	stack push. 길이를 반환
reverse()		역순 정렬
shift()		맨 앞 요소 제거 후 반환
slice(s, e)	int s : 시작 위치 int e : 끝 위치	s번째부터 e번째 까지 자르기
sort()		정렬
splice(s, len, *e)	int s : 시작위치 int len : 길이 var e : 치환할 요소들	시작위치 s 부터 길이 len 만큼의 요소를 e로 치환
toString()		문자열로 변환
unshift(*e)	var e : 삽입할 요소들	맨 앞에 요소 e 추가

5. Math

Math는 별도로 생성하지 않고도 사용할 수 있는 최상위 내장 객체입니다.

또한 객체 생성시 new를 선언하지 않고도 사용할 수 있습니다.

속성	반환값
E	e
LN10	ln 10
LN2	ln 2
LOG10E	log_10 e
LOG2E	log_2 e
PI	π
SQRT1_2	1/sqrt(2)
SQRT_2	sqrt(2)

6. Date

Date는 시간을 ms 단위로 저장합니다.

Date 객체를 선언할 때는 정해진 datevalue 양식에 맞추어야 하며, 범위는 아래와 같습니다.

year	1970 ~	hours	0 ~ 23
month	0 ~ 11	minutes	0 ~ 59
date	1 ~ 31	seconds	0 ~ 59
		ms	0 ~ 999

 

현재의 시각을 가져오려면 아무것도 지정하지 않은 Date 객체를 선언하면 됩니다.

특정 시각으로 지정하려면 Date 객체에 datevalue 값을 함께 명시하면 됩니다.

// get now date
DateObj = new Date();

// get selected date
DateObj = new Date(datevalue);