함수 선언 시 var 사용 X
용도에 맞게 const 또는 let 사용 권장.
Const 는 한 번 선언하면 값 변경 안되는 상수.
같은 스코프 {} 내에서 중복된 이름을 가질 수 없다.
Let 은 선언과 변경이 자유로운 변수
스코프에 유의하여 개발할 것.
Array 메소드
배열 내 요소를 이용해 순차적으로 함수를 실행하는 메소드들이 있음
forEach, map, filter
forEach 는 배열의 요소를 이용해 순차적으로 함수를 실행하며
콜백 함수는 현재 값, 인덱스, forEach를 호출한 배열을 매개변수로 받는다.
함수 내에서 따로 return 할 필요 없음
map은 배열의 요소를 이용해 순차적으로 함수를 실행해
새로운 배열을 반환함.
콜백 함수는 현재 값, 인덱스 , map을 호출한 배열을 매개변수로 받음.
함수 내에서 반드시 새로운 값을 return 해줘야 함.
Fileter 는 배열 요소를 이용해 순차적으로 함수 실행하여
조건을 통과하는 요소를 모아 새로운 배열로 반환한다.
콜백함수는 현재 값, 인덱스, filter를 호출한 배열을 매개 변수로 받고
함수 내에서 false를 return 하면 새로운 배열에서 제외되고
true를 반환하면 새로운 배열에 추가된다.
Arrow function (화살표 함수)
Function 보다 구문이 짧은 함수 표현
Function 키워드 생략하고 매개변수를 받아 => 를 사용
중괄호를 열어 로직을 작성할 수 있고
return값만 존재하는 짦은 함수의 경우 중괄호와 return을 생략하고 바로 return할 값을 입력할 수 있다.
구조 분해 할당 (Restructuring assignment (Object, Array))
객체나 배열을 해체해 개별 변수에 담을 수 있게 하는 표현식.
기존 객체나 배열에 담간 값을 각각 새로운 변수로 선언할 때 구조 분해 할당을 이용하면 간편하게 코드를 작성할 수 있다.
단축 속성명 (Shorthand property names)
새로운 객체 선언 간편하게 할 수 있다.
새로 선언하는 오브젝트에 키값과 동일한 변수명을 가진 변수를 할당할 경우 밸류값을 생략해서 적을 수 있다.
전개구문( Spread Syntax)
배열이나 객체를 전개할 때 사용.
기본적으로 배열이나 객체에 … 을 붙여서 사용한다.
함수 호출 및 선언, 배열 선언, 객체 선언 시 다양하게 활용할 수 있다.
객체에서 두 객체를 합성할 때 겹치는 키가 있으면 나중에 오는 값이 들어간다.
Template literals (템플릿 리터럴)
표현식을 허용하는 문자열 리터럴.
기본적으로 `백틱으로 감싸 문자열을 표현한다.
문자열 내에 표현식을 사용하기 위해서는 {}`
Optional Chaining
객체나 변수에 연결된 다른 속성 참조할 때 유효한 속성인지 검사 않고 값을 읽을 수 있게 해줌.
만약 유효한 속성이 아닐 경우 에러를 발생시키지 않고 undifined를 반환해준다.
배열의 경우 array?.[index]
