자바스크립트 코딩테스트 자주 쓰는 함수 정리(1)

Array.map()

map() 메서드는 배열 내의 모든 요소 각각에 대하여 주어진 함수를 호출한 결과를 모아, 새로운 배열을 반환한다.

 

사용 예시

const arr = [1, 4, 9, 16];

const arrMap = arr.map(x => x*2);

console.log(arrMap); //output: [2, 8, 18, 32]

구문

arr.map(callback(currentValue[, index[, array]])[, thisArg])

Array.reduce()

reduce() 메서드는 배열의 각 요소에 대해 주어진 리듀서 (reducer) 함수를 실행하고, 하나의 결과값을 반환합니다.

 

사용 예시

const arr = [1, 2, 3, 4];

const initialValue = 5;

const sumWithInitial = arr.reduce(
  (accumulator, currentValue) => accumulator + currentValue,
  initialValue
);

console.log(sumWithInitial); //15

//계산 순서를 보자면 5(initialValue) + 1 + 2 + 3 + 4 => 15가 된다

 

구문

arr.reduce(callback[, initialValue])

 

이해하기

간단하게 표현하면, reduce(콜백함수, 초기값 지정) 이런 느낌이다.

 

콜백함수는 네 개의 인자를 가진다.

 

인자라 함은 전달 되는 값이라고 생각하면 된다.

 

1. 누산기(accumulator)

- 누산기는 콜백함수의 반환값을 누적한다. initialValue를 설정한 경우에는 첫 번째 반환값은 initialValue가 된다.

 

2. 현재 값(currentValue)

- 처리할 현재 요소를 뜻한다.

 

3. 현재 인덱스(currentIndex)

- 처리할 현재 요소의 인덱스이다. initialValue를 설정한 경우 0부터, 설정하지 않았다면 1부터 시작한다.

처리가 끝나고 값이 반환 되어 누산기에 누적되면 다음 인덱스로 넘어간다.

 

4. 원본 배열(array)

- reduce()를 호출한 배열을 뜻한다.

 

⭐️결론

arr.redue()에서 콜백함수에 (accumulator, currentValue) => {} 형태로 매개변수를 이용해 원하는 행동을 취할 수 있는 것이다.

뿐더러 원한다면 초기값을 설정해 누산기에 먼저 누적 시킬 수도 있다는 것이다!

 

String.padStart()

padStart() 메서드는 현재 문자열의 시작을 다른 문자열로 채워, 주어진 길이를 만족하는, 새로운 문자열을 반환합니다.

채워넣기는 대상 문자열의 시작(좌측)부터 적용됩니다.

 

사용 예시

const str = "5";
console.log(str.padStart(5, "0")); //output: "00005"

구문

str.padStart(targetLength [, padString])

 

참고로 String.padEnd() 메서드는 문자열의 끝(우측)부터 채워넣기가 적용되고,  구문은 같다.