Javascript에 Spread와 Rest

Spread는 array나 object두 개이상을 합칠때 쓰는 것

-다른 array나 object에 작업할 때
array이나 object 앞에 ...를 넣으면 '[]'나 '{}'(object에서)가 없어지.

예 arry2랑 array1를 연결하여 array3에 넣어라

var array1 = ['Javascript', 'Ruby','PHP'];

var array2 = ['ReactJS', 'Dart'];

var array3 = [...array2, ...array1];
//var array3 = [ 'ReactJS', 'Dart', 'Javascript', 'Ruby','PHP'];

console.log(array3);
//['ReactJS', 'Dart', 'Javascript', 'Ruby','PHP']

object를 합칠때는

var object1 = {
	name: 'Javascript'
};
var object2 = {
	price: 1000;
};
var object3={
	...object1,
    ...object2
};
console.log(object3);

다른 웹사이트에 API를 가져올때

var defaultConfig = {
	api: 'https:/domain-course-page',
    apiVersion: 'v1',
    other: "other"
    //
    //
}
var exerciseConfig = {
	...defaultConfig,
    api: 'https://domain-homework-page'
};
//var exerciseConfig = {
//	api: 'https:/domain-course-page',
//  apiVersion: 'v1',
//  other: "other",
//  api: 'https://domain-homework-page'
};
console.log(exerciseConfig);
//{api: "https://domain-homework-page" apiVersion: "v1", other: "other"}

object에서 두 키(key)가 있으면 다음 추가된 키로 덮어쓰다.

var array = 'Javascipt','PHP','Ruby'];

function logger(a,b,c){
	console.log(a,b,c);
}
logger(..array);
//Javascript PHP Ruby

Rest parameter(...)

-destructuring에 쓰는 것
-매개변수를 정의할때
-자체 array나 object에 작업

var array = 'Javascipt','PHP','Ruby'];

function logger(...rest){
	for(var i=0;i<rest.length;i++){
    console.log(rest[i]);
}
//Javascript 
//PHP 
//Ruby