JS 최신 문법

✅ var => const & let
const-한번 선언하면 값을 바꿀 수 없음
-중괄호내에 중복된 이름을 가질 수 없음
let-선언과 변경이 자유로운 변수
변경되면 안되는 값을 let으로 선언하면 error가 발생할 수 있어서 그런 상황에서는 const를 사용하여 실수를 줄임

✅Array

• forEach
  배열의 요소를 이용하여 순차적으로 함수를 실행하는 메서드
  (return 필요x)

• map
  배열의 요소를 이용하여 순차적으로 함수를 실행하여 새로운 배열을 반환하는 메서드
  반드시 새로운 값을 return
  

• filter
  배열의 요소를 이용해 순차적으로 함수를 실행하여 조건을 통과하는 요소를 모아 새로운 배열로 반환하는 메서드

  1. return false
     새로운 배열에서 제외됨
  2. return true
     새로운 배열에 추가됨
     

✅Arrow function
function보다 구문이 짧은 함수 표현

//arrow function
const c=(x,y)=>{
  console.log(x,y)
}

✅구조분해할당
객체나 배열을 해체하여 개별 변수에 담을 수 있음
▶️Destructuring assignment(Object)

const a={i:1,j:2,k:3};
const{i,j,k}=a;

▶️Destructuring assignment(Array)

const a=[1,2,3];
const[a0,a1,a2]=a;

✅Shorthand property names
단축속성명
새로 선언하는 object의 key값과 동일한 변수명을 가진 변수를 할당할 경우 value생략 가능

✅전개 구문
▶️Spread Syntax(배열)
▶️Spread Syntax(객체)
-두 객체를 합성할때 KEY가 겹치면 나중에 오는값이 들어감

✅Template literals
표현식을 허용하는 문자열 리터럴

백택사용
${문자열 내에 표현식을 사용할때 ${}사용}

✅Optional chaining
객체나 변수에 연결된 다른 속성을 참조할 때 유효한 속성인지 검사하지 않고 값을 읽을 수 있도록 함
-유효하지 않은 속성일때는 에러가 아닌 undefined
array?.[index]