js 배열함수 3

slice() vs splice()

slice와 splice함수는 비슷하지만서도 다른 차이점이 있다.오늘은 이 두 배열함수의 차이에 대해 공부한 것을 적어보려고 한다.우선 공통적으로 쓸 빈 배열을 만들어보겠다. num = Array(10).fill().map((_,i) => i); // 길이가 10인 정수를 배열로 담음Array.slice()slice 함수에 첫 번째 인자에는 어느 인덱스에서 출발할지에 대한 start index와 어디에서 끊을지에 대한 end index 2개의 인자를 받는다. console.log(num.slice(5,9)) // [5,6,7,8] console.log(num.slice(5)) // [5,6,7,8,9] console.log(num.slice()) // [0,1,2,3,4,5,6..

리액트 2024.12.16

Reduce Method

배열함수들을 공부하며 쉽게 이해하지 못했던 reduce 함수에 대해 공부한 것을 남기려고 한다.우선 mdn 사이트에서 reduce에 대해 정의한 것을 보면reduce() 메서드는 배열의 각 요소에 대해 주어진 리듀서(reducer)함수를 실행하고, 하나의 결과값을 반환합니다.라고 정의되어 있다. 이 reduce함수에는 4개의 인자가 존재하는데 누산기(acc)현재 값(cur)현재 인덱스(idx)원본 배열(src)이렇게 존재하고 있고, 그리고 선택적으로 인해 초기값 initialValue를 설정할 수 있다.// reduce함수의 기본 문법 형식array.reduce((acc,cur,idx,src) => { // 수행될 로직들}, initialValue // 선택적 초기값)위에 처럼 reduce함수의 사용방식..

리액트 2024.12.13