concat, filter, map, slice, spread, 수정하기

 

spread 연산자

깊은 복사할 때 사용

 

const a = [1,2,3];

const b = [...a];

    ㄴ 이렇게하면 const b = [1,2,3]; 과 동일함

 

 

 

 

concat (추가하기)

const a = [1,2,3];               //1,2,3

const b = a.concat(4);       //1,2,3,4

 

 

 

 

filter (걸러내기_보통 삭제할 때 사용) 

const a = [1,2,3];               //1,2,3

const b = a.filter( (n) => { return n != 1; });       //2,3

 

필터는 boolean을 return 받아서 true만 걸러낸다!

 

 

 

slice (잘라내기)

const a = [1,2,3];              

const b = a.slice(0,2);       //1,2

 

 

 

map (반복)

const a = [1,2,3];

for문과 forEach(return 불가) 대신 사용

const b = a.map( (n) => <h1>n</h1> );

가공해서 return 가능!

 

 

 

수정하기

 

뒤에 있는 값으로 변경됨

a6 데이터에서 phone만 바꾸고 싶을 때

 

 

 

 

map과 삼항연산자 이용해서

id가 일치하면 정보 변경되게...!!