자바스크립트 기초 문법

 

javascript  keywords

ecma script keywords

키워드

자바스크립트가 처음 만들어질 때 정해진 특별한 의미가 있는 단어를 ‘키워드’라고 합니다.

키워드 참고: https://www.w3schools.in/javascript-tutorial/keywords/

식별자

자바스크립트에서 이름을 붙일때 사용하는 단어입니다. 식별자의 예로는

변수명과 함수 명이 있습니다. 식별자 규칙:

●  키워드를 사용하면 안됩니다.

●  숫자로 시작하면 안됩니다.

●  특수 문자는 _와 $만 허용합니다.

●  공백 문자를 포함할 수 없습니다.

식별자의 의미를 더 명확하게하는규칙:

예)

사용가능 : alpha, alpha10, _alpha, $alpha, Alpha, ALPHA 사용 불가능 : break, 234alpha, has space

●  생성자 함수의 이름은 항상 대문자로 시작합니다.

●  변수와 인스턴스, 함수, 메서드의 이름은 항상 소문자로 시작합니다.

●  여러 단어로 이루어진 식별자는 각 단어의 첫글자를 대문자로 합니다.

 

산술 연산자

Operator	Description	Example	Result in y	Result inx
+	Addition	x=y+2	y=5	x=7
-	Subtraction	x=y-2	y=5	x=3
*	Multiplication	x =y*2	y=5	x=10
/	Division	x =y/2	y=5	x=2.5
%	Modulus (division remainder)	x=y%2	y=5	x=1

 

증가연산

Operator	Description	Example	Result in y	Result inx
++	increment	x=++y	y=5	x=6
		x=y++	y=5	x=5

 

감소연산

Operator	Description	Example	Result in y	Result inx
--	decrement	x=--y	y=5	x=4
		x=y--	y=5	x=5

 

전위연산 / 후위연산

전위연산은 변수의 앞쪽에 연산기호가 붙어서 값을 대입하기전에 연산을 실행하고 후위연산은 변수의 뒷쪽에 연산기호가 붙어서 값을 대입한 후 연산이 실행된다.

 

 

 

 변수 생성과 사용 변수 선언

변수를 만드는것을 ​“변수를 선언한다”​라고 표현한다. var 키워드 뒤에 식별자를 쓰면 변수가 선언된다.

예) var num, var name

변수 할당
변수에 값을 저장하는 것을 ​“변수에 값을 할당한다.”​라고 표현한다.

변수를 선언한 후 처음 값을 할당하는 것을 ​“변수를 초기화한다.”​라고 합니다. 예)
var num;
num = 15;

동시 변수 선언과 할당
변수 선언과 할당, 즉 초기화를 동시에 할 수 있다.

예)
var num = 15;

비교 연산자 참고자료 :

https://www.w3schools.com/js/js_comparisons.asp

초과 연산자는 왼쪽 피연산자가 오른쪽 피연산자보다 큰 경우 참을 반환합니다.

구문

x >y

//예제

4​ ​>​ ​3​ ​// true

이상 연산자 (>=)
이상 연산자는 왼쪽 피연산자가 오른쪽 피연산자보다 크거나 같으면 참을 반환합니다.

구문

x >= y

//예제

4​ ​>=​ ​3​ ​// true​ ​3​ ​>=​ ​3​ ​// true

미만 연산자 (<)
미만 연산자는 왼쪽 피연산자가 오른쪽 피연산자보다 작은 경우 참을 반환합니다.

구문

x <y

//예제

3​ ​<​ ​4​ ​// true

이하 연산자 (<=)
이하 연산자는 왼쪽 피연산자가 오른쪽 피연산자보다 작거나 같으면 참을 반환합니다.

구문

x <= y

//예제

3​ ​<=​ ​4​ ​// true

 

복합 대입 연산자

Description	Example	other
덧셈 할당	x += y	x=x+ y
뺄셈 할당	x -= y	x=x- y
곱셈 할당	x *= y	x=x* y
나눗셈 할당	x /= y	x=x/ y
나머지 연산 할당	x %= y	x=x% y

 

if 조건문
조건문이 true일때 실행문 실행한다.

if(조건문){실행문}
단일 조건문 : 실행문이 하나 일때 사용

}

if(조건문){실행문}else{실행문} 두개 조건문: 실행문이 두개 일때 사용

}

if(조건문){실행문}else{실행문} 다중조건문: 실행문이두개이상일때사용

if( x == y ){

alert(‘hello javascript’);

if( x == y ){

alert(‘hello javascript’);

}else{

alert(‘hello html’);

if( x == y ){

alert(‘hello javascript’);

}else if( x > y ){

alert(‘hello html’);

}else{

alert(‘hello css3’);

}

 

for 구문
반복 구문을 실행할 때 사용.

for( var i ; i < 5 ; i++ ){실행문} var count = 5

}

switch 구문
case 별 실행문 출력할 때 사용. default 부분은 생략 가능.

switch( 비교할 값 ){ case 값 :

실행문; break;

case 값 : 실행문;

break; default :

실행문; break;

for( var i=1 ; i<count ; i++){

alert( i+’번째’);

}

isNaN()

isNaN()​은 현재 값이 ​NaN​이거나, 숫자로 변환했을 때 ​NaN​이 되 참을 반환하는 함수

(전역 ​NaN​ 속성은 Not-A-Number(숫자가 아님)를 나타냅니다.) 예제) ​isNaN​(​NaN​);​ ​// true

배열
배열은 여러 개의 변수를 한꺼번에 다룰 수 있는 자료형입니다. 배열은 객체 중 하나입니다. 생성 : []로 생성

예제) array = [273,32,44,205,22] array = [true,32,’string’,function(){},{},[33,55]]

 

마치며

오늘은 자바스크립트 기초 문법 사용 시 주의 사항과 기본 연산자에 대하여 알아보았습니다.