전개 구문(Spread Syntax) ,자주 쓰이는 메소드

전개 구문 Spread Syntax

• 전개 구문 이란?

• 기존에 있는 객체나 배열의 내용을 그대로 가져오거나
  새로운 값을 덧붙여서 새로운 객체나 배열을 생성할 수 있다.
  기존의 데이터(객체나 배열)에는 전혀 영향을 주지않고 복사해서 새로운 것을 만든다.

• 구조와 예시

코드	결과	설명
const type = { size : 'small' , color : 'pink'}	size:'small' , color : 'pink'	기존 객체 const type:변수선언 , { 객체 값 }
const copyType = {...type }	size:'small' , color : 'pink'	type 을 복사한 새로운 객체 ...type 을 이용해 가져올수 있다.
const bigType = {...type , size : 'big'}	size:'big' , color : 'pink'	...type 을 이용해 기존 객체의 값을 불러오고  ","콤마 를 사용해 기존값을 새로운 값으로 변경할 수 있다.
const blueType = {...type , colro : 'blue'}	size:'small' , color : 'blue'	//
const newType = {...type , size : 'big' ,colro : 'blue'}	size:'big' , color : 'blue'	여러개를 동시에 바꿔줄수 도 있다.

 

 

자주 쓰이는 메소드

 

• 메소드

• Map()

배열 내의 모든 요소 각각에 대하여 주어진 함수를 호출한 결과를 모아 새로운 배열을 반환한다.

예시

const aArray [1,3,6,12] const map1 = aArray.map(x=>x*3) console.log(map1)

//배열 //map 메소드 사용 //[3,9,18,36] 값을 반환한다.

 

• Filter()

주어진 함수의 테스트를 통과하는 모든 요소를 모아 새로운 배열로 반환한다.

예시

const foods['치킨','피자','탕수육','빵','햄버거','우동']	//배열
const res = foods.filter(food => food.length >2) console.log(res)	// food(필터명 선언) => food.length>2(배열에 값중 2글자를 초과하는 값을 가져옴) // ['탕수육','햄버거'] 를 반환한다.