리액트를 들어가기전 자주쓰이는 js문법에 대해서 알아보자.

배열 및 배열 메소드(map()과 같은..)

배열을 하나하나 돌면서 값을 return한다. 다만 기존에 있던 배열을 건드리지 않고 새로운 배열을 return한다!

let arr = [3,4,5,6];

let modifier = arr.map(element => element*3);

console.log(arr);//[9,12,15,18];

//()=>()형태로 하면 return 생략가능한데 ()=>{}이렇게하면 return생략이 불가능하다.

디스트럭처링

배열도 되지만 객체도 가능하다!

//오른쪽은 배열 or 객체 생성
//왼쪽은 배열,객체를 분해

//배열의 경우
const [a,b] = ["a","b"];

//객체의 경우
const {a,b} = { a:"a", b:"b"};

스프레드 연산자

배열도 되지만 객체도 가능하다!

//쉼표를 기준으로 구분하여 배열을 병합한다.

//배열의 경우
const a = [1,2,3];

const b = [0, ...a]; 
console.log(b);//[0,1,2,3]

//객체의 경우
const a = { a:"a", b:"b"};
const b = {c:"c", ...a};

console.log(b); //{a:"a", b:"b", c:"c"};