기본기를 채우자..!

너무 긴장해서 머리가 새하얘졌다....

배열에서 중복제거하기!

1. Set

Set객체를 이용해 중복없는 데이터를 표현하기
Set객체는 언제나 고유한 값 만이 존재할 수 있다.

	const dupArr = [1,2,3,3,5];
	const set = new Set(dupArr);
	const uniqueArr = [...set];

set은 객체였다!! 잊지말자
배열에 펼처서 넣어줘야지 그 길이도 구할수 있다.

2.indexOf()

indexOf()함수는, 배열에서 특정값이 처음으로 나타나는 index를 리턴

const dupArr = [1,1,2,3,4,4];
const uniqueArr = dupArr.filter((el,idx)=> dupArr.indexOf(el) === idx)

고차함수

함수를 인자(argument)로 받거나 함수를 리턴하는 함수

이 때 다른 함수(caller)의 인자(argument)로 전달되는 함수를 콜백 함수(callback function)

filter

배열의 각요소가 특정 조건에 부합하는 배열의 모든 값을 배열 형태로 리턴한다.
해당 조건의 결과가 true를 리턴하는 원소를 모아서 배열 형태로 리턴한다.

필터는 모든요소중 내가 원하는 값만 반환을 한다. 
행동은 내가 직접 작성하고 함수로 만들어서 인자로 넣는다. 
기존 배열은 수정하지 않는다. 원하는 필터링에 따라 결과가 달라진다. 

let arr = [1, 2, 3] 
let result = arr.filter(function(ele){
	return ele % 2 !== 0 // 
});

result = [1, 3]

map

map은 모든요소에 동일한 작업을 해주기 위한 함수

map 모든요소에게 동일한 행동을한 값을 반환한다. 
행동은 내가 직접 작성하고 함수로 만들어서 인자로 넣는다. 
기존 배열은 수정하지 않는다. 원하는 해동에 따라 결과가 달라진다. 

let arr = [1, 2, 3] 
let result = arr.map(function(ele){
	return ele * 2 // 
});

result = [2, 4, 6]

reduce

배열을 하나의 값으로 만들어 준다.
초기값을 설정할수 있다. 초기값을 정하지 않으면 배열 첫번째 요소가 초기값이 된다.
초기값은 누적값의 기반이 된다. 그 다음요소가 현재값이 된다.
이 초기값과 현재값은 내가 원하는 행동의 기반이 되어 누적값에 저장이 된다.
배열의 끝까지 반복을 하고 누적값을 반환한다.

let arr = [1, 2, 3] 
let result = arr.reduce(function(acc, cur, idx){
	acc + cur;
	return acc; 
});

result = 6

react key에 대해 공부하기