배열요소 - concat & filter & spread & rest

concat

인자로 주어진 배열, 값들을 기존 배열에 합쳐 새 배열 반환.

const array1 = ['css', 'html', 'js'];
const array2 = ['react', 'vue', 'php'];
const array3 = array1.concat(array2);

console.log(array3);

filter()

주어진 함수의 조건에 맞는 요소로만 이루어진 새 배열을 반환

const name = ['jeno', 'mark', 'jungwoo', 'jaehyun', 'jisung'];
const result = name.filter(name=>name.length > 4);

console.log(result);

spread

기존의 것을 건들이지 않고, 새로운 배열에 요소를 추가 할 수 있음.(객체&배열에서 사용 가능)

...spread

const array = ['html', 'css', 'js'];
const addArray = [...array, 'react'];

console.log(addArray);

배열의 요소를 반환.

...제외

const array = ['html', 'css', 'js'];
const addArray = [array, 'react'];

console.log(addArray);

배열 그대로 반환

rest

비구조화 할당을 통해 원하는 값을 밖으로, 나머지 값을 rest안에 넣음.(객채&배열&함수의 parameter에서 사용)

const name = ['제노', '마크', '재민', '정우'];
const [one, ...rest] = name;

console.log(one);
console.log(rest);

참고 :
Array.prototype.concat()
Array.prototype.filter()
spread 와 rest