본문 바로가기

프로그래밍 공부/JavaScript

JavaScript - 기본 용어 / 자료형

기본 용어

용어 설명
표현식 자바스크립트에서 값을 만들어내는 간단한 코드
문장 하나 이상의 표현식이 모인 문장
키워드 자바스크립트에서 정해진 특별한 의미가 있는 단어
식별자 변수, 속성, 함수, 메서드 등의 이외의 단어
주석 프로그램에 영향을 주지않는 설명

식별자를 만들 때 주의사항
1. 키워드 사용불가
2. 숫자로 시작해선 안됨
3. 특수문자는 _와 $ 만 허용
4. 공백 문자가 포함될 수 없음

구분 설명
alert('Hello World') 함수
Array.length 속성
input 변수
prompt('Message', 'Defstr') 함수
Math.PI 속성
Math.ads(-273) 메서드

문자열 자료형

이스케이프 문자 설명
\t 수평 탭(tab)
\n 줄바꿈
\' 작은 따옴표
\" 큰 따옴표
\\ 역슬래쉬

예시1
문자열 자료형.html
0.00MB

외에도 문자열끼리 +을 사용하면 두 개의 문자열을 하나로 합칠 수도 있다.

"안녕"+"하세요." -> "안녕하세요."

숫자 자료형

자바스크립트는 사칙연산(+,-,*,/)가 가능하다. 또 남은 몫을 표기해주는 % 같은 연산자도 있다. 

연산자 설명
+ 덧셈
- 뺄셈
* 곱셈
/ 나눗셈
%

예시2
숫자열 자료형.html
0.00MB

boolean 자료형

true 와 false를 표기해주는 자료형이다. true와 false는 자바스크립트에서는 소문자로 써줘야 인식을 하고 다른 기타 언어에서는 대문자로 써줘야 하는 경우도 있다. boolean은 비교 연산자 또는 논리 연산자들과 사용할 때 true와 false를 사용할 수 있다.

연산자 설명
A>=B A가 B보다 크거나 같다.
A<=B A가 B보다 작거나 같다.
A>B A가 B보다 크다.
A<B A가 B보다 작다.
A==B A와 B가 같다.
A!=B A와 B가 다르다.
A===B A와 B가 자료형 타입과 값이 같다.
A!==B A와 B가 자료형 타입과 값이 다르다.

예시3
boolean 자료형.html
0.00MB

A와 B를 비교할 때 ==는 'A와 B의 값이 같다'이고,!=는 'A와 B의 값이 같지 않다'이다. ===와!==는 좀 더 확실하게 갔다 와 같지 않다를 비교하는 것으로 자료형의 타입(문자열, 숫자형 등)도 같이 비교를 하게 된다. 문자열로 11과 숫자형 11은 ==로 할 때 true가 출력될 수 있지만 ===에서는 '문자열' 11과 '숫자열' 11이라서 타입이 다르기 때문에 false가 출력이 된다.!==도 ===와 마찬가지로 타입도 같은지 틀린 지 비교한다.

논리 연산자 설명
! true인 경우 false를 false인경우 true를 출력하는 연산자
&& 비교하는 A와 B 둘다 true일 경우 true를 출력
|| 비교하는 A와 B 둘중 하나만 true여도 true 출력

예시4
논리 연산자.html
0.00MB