[JavaScript] 기초 문법 정리

변수 선언

	scope	변수 재선언	변수 재할당	특징
var	function scope	가능	가능
let	block scope	불가능	가능	ES6에서 추가됨
const	block scope	불가능	불가능	ES6에서 추가됨

변수 재선언

var num = 100;
var num = 200; // 에러 안남

let num2 = 100;
let num2 = 200; // 에러!!

변수명 규칙

- 변수명, 함수명은 카멜 케이스 (ex. helloWorld)

- 상수는 영문 대문자로 (ex. HELLOWORLD)

- 생성자 함수는 대문자로 시작하는 카멜 케이스 (ObjectConstructor)

- 지역변수는 언더바로 시작 (ex. _localVariable)

- 전역변수를 사용하지 않는다.

 

자료형

리스트

데이터를 순서를 지켜서 담는 형태이다.

// 선언
let a_list = [];
let b_list = [1, 2, 'hoi'];

// 삽입
a_list.push('hei');

// 조회
b_list[1];
b_list;

// 삭제
b_list.splice(2, 1); // 2번째부터 1개 삭제

딕셔너리

key-value 값의 묶음이다.

// 선언
let a_dict = {};
let b_dict = {'name':'snoopy', 'blog': 1};

// 삽입
a_dict['visitor'] = 10000;

// 조회
b_dict['name']

// 삭제
delete b_dict[blog];

함수

function 키워드로 선언한다.

function functionName(arg1, arg2, ... ){
	...
}

functionName(1, 2, ...)

조건문

if, if else, else 키워드를 사용한다.

 

조건

AND &&

OR ||

NOT !

 

반복문

for

 

forEach

리스트의 요소를 순회하는 데 사용한다.

let arr = [1, 2, 3, 4];

arr.forEach(function(item, index, arr2){
	...
});

 

for ... in

객체의 열거된 key값과 value 값을 뽑아내는 데 유용하다. 

for(let a in arr){
	...
}

for ... of

ES6에 추가된 컬렉션 전용 반복 구문이다. 컬렉션은 반드시 Symbol.iterator 속성을 가져야 한다.

for(let a of arr){
	...
}

 

while

 

 

(참고)

https://spartacodingclub.kr/

스파르타코딩클럽

https://dydals5678.tistory.com/66

javascript - foreach 문 , for in 문 , for of문