[JS] reduce(), splice()

reduce()

reduce는 배열의 각 요소에 대하여 지정한 콜백 함수를 실행하면서 하나의 누적된 결과값을 반환하는 메서드입니다. 주로 배열에서 조건을 통과한 값을 합치거나 , 모든 요소를 하나의 값으로 합칠 때 사용됩니다

구문

arr.reduce(callback[,initialValue])

1. callback

• accumulator: 누산기 반환값 누적
• curruntValue: 현재요소
• currentIndex(optional): 처리할 현재요소의 인덱스
• array(optional): reduce를 호출한 배열

2. initialValue(optional)

• 최초 callback함수 실행 시 accumulator 인수에 제공되는 값
• 초기값을 제공하지 않을경우 배열의 첫 번째 요소를 사용하고, 빈 배열에서 초기값이 없을 경우 에러가 발생한다.

3. 반환값

• 누적된 계산의 결과 값

예제

reduce 사용해 1~5까지 더하기

const numArr = [1, 2, 3, 4, 5];
const result = numArr.reduce(function(acc, currentValue, idx) {
  return acc + currentValue;
});
console.log(result); //결과값 : 15

화살표함수 방식

const result = numArr.reduce( (acc, curr) => acc + curr );
console.log(result); //결과값 : 15

initialValue 설정

const result = numArr.reduce( (acc, curr) => acc + curr, 10);
console.log(result); //결과값 : 25

splice()

splice() 메서드는 배열 객체에 사용할 수 있는 내장 함수. 이는 기존 요소를 삭제하거나 교체하여 배열의 내용을 변경하며, 제거된 요소가 담긴 별도의 배열을 새로 반환한다.

구문

array.splice(index,length,...value);

1. index

• 삭제하는 처음 index

2. length

• 삭제할 개수

3. value

• 추가할 값들

예제

기본

nums = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19];

nums.splice(5, 3)// [5,6,7]

nums // [0, 1, 2, 3, 4, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19]

추가

 nums.splice(5, 0, -5, -6, -7)//[0, 1, 2, 3, 4, -5, -6, -7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19]

삭제하며 추가

nums.splice(10, 2, -10, -11)// [0, 1, 2, 3, 4, -5, -6, -7, 8, 9, -10, -11, 12, 13, 14, 15, 16, 17, 18, 19]