[JavaScript] 자바스크립트 기본 문법 정리

 변수

 

var 변수

기본적으로 변수를 사용할 때 사용하는 방법이다.

스코프에 따라 지역 변수와 전역 변수로 나뉨.

호이스팅 및 재선언/재할당 가능

var year, are; // 여러 변수 한번에 선언 가능
year = 2023; // 변수에 값 할당

 

 

let 변수

블록({}) 안에서만 사용할 수 있다.

재할당만 가능

function calc(n) {
    sum = 0
    for(let i = 0; i < n + 1; i++) {
    	sum += i;
    }
}

calc(10);
console.log(sum); // 55

 

 

const 변수

변하지 않는 값을 선언할 때 사용

재선언, 재할당할 수 없음

const pai = 3.14;

 

 

구조분해 할당

• 객체의 경우

const object = { a: 1, b: 2 }

const { a, b } =  object;

console.log(a); // 1
console.log(b); // 2

 

• 배열의 경우

const arr = ['nodejs', {}, 10, true];
const [node, obj, , bool] = arr

// node = arr[0]
// obj = arr[1]
// bool = arr[3]

 

 

전개 연산자 (...)

 

var arr = [1, 2, 3];
var arr2 = [...arr]; // arr.slice() 와 유사
arr2,push(4);

// arr2 은 [1, 2, 3, 4]가 됨
// arr은 영향X

 

 

 자료형

컴퓨터가 처리할 수 잇는 자료의 형태로, 숫자형, 문자열, 논리형 등 다양한 자료형이 있다.

 

숫자형

• 정수 : 소수점이 없는 숫자 
• 실수 : 소수점이 있는 숫자

123, 29 // 정수형
27.6, 89.52 // 실수형

 

 

문자열

작은따옴표(' ')나 큰따옴표("")로 묶은 데이터

"12314"
'문자열입니다.'

 

 

논리형

• true
• false

 

 

undefined

변수 선언만 하고 값이 할당되지 않은 자료형

 

 

null

변수에 할당된 값이 유효하지 않다는 의미

 

 

배열 (array)

하나의 변수에 여러 값을 저장할 수 있는 복합 유형

var season = ['봄', '여름', '가을', '겨울']

 

 

 연산자

 

비교 연산자

피연산자 2개의 값을 비교해서 true나 false로 결괏값 반환

 

종류	설명	예시
		조건식	결괏값
==	피연산자가 서로 같으면 true	3 == '3'	true
===	피연산자도 같고 자료형도 같으면 true	3 === '3'	false
!=	피연산자가 서로 같지 않으면 true	3 != '3'	false
!==	피연산자도 같지 않거나 자료형이 같지 않으면 true	3 !== '3'	true

 

 

논리 연산자

 

종류	기호	설명
OR	||(shift + 원 단위 키)	피연산자 중 하나만 true여도 true
AND	&&	피연산자가 모두 true여야만 true
NOT	!	피연산자의 반댓값

 

 

 

 조건문

 

if / if ~ else

 

if (조건) {
	조건 결괏값이 true일 때 실행할 명령
} else {
	조건 결괏값이 false일 때 실행할 명령
}

if(userId !== null) {
	if(userId % 3 === 0){
    	alert("3의 배수입니다.");
    } else {
    	alert("3의 배수가 아닙니다.");
    }
}

 

 

조건 연산자

 

(조건) ? true일 때 실행할 명령 : false일 때 실행할 명령

if(userId !== null) {
	(userId % 3 === 0) ? alert("3의 배수입니다.") : alert("3의 배수가 아닙니다.");
}

 

 

switch 문

 

switch (조건)
{
    case 값1 : 명령1
    	break;
    case 값2 : 명령2
    	break;
    default : 명령n
}

var session = "hi"

switch (session)
{
    case "hello" : alert("hello");
    	break;
    case "hi" : alert("hi");
    	break;
    default : alert("아무것도 없습니다.");
}

 

 

 

 반복문

 

for 문

 

for(초깃값; 조건; 증가식) {
	실행할 명령
}

var i = 0;
var sum = 0;

for(i = 1; i < 6; i++) {
	sum += i;
}

 

 

while / do ~ while 문

 

// 조건을 체크하여 true라면 실행
while(조건) {
	실행할 명령
}

// 일단 명령을 한번 실행한 후 조건 체크, true라면 실행
do {
	실행할 명령
} while (조건)

 

 

 

break / continue 문

 

// 종료 조건이 되기 전에 반복문을 빠져 나와야 할 때 사용
break;

// 조건에 해당 되는 값을 만나면 반복문의 맨 앞으로 이동
// 즉, 반복 과정을 한 차례 건너 뜀
continue