[JS] 자바스크립트 코딩테스트에서 자주 사용하는 함수 정리 (map, filter, reduce 외)

 

코딩테스트를 자바스크립트로 준비할 때, 기본 문법 외에도 꼭 알아둬야 하는 필수 내장 함수들이 있습니다.
이 함수들만 제대로 이해하고 익혀도, 대부분의 배열/문자열 문제는 훨씬 쉽게 풀 수 있어요.

오늘은 코딩테스트에서 실제로 자주 쓰이는 JavaScript 함수들을 예제와 함께 정리해볼게요!

 

 

🗂️ 배열함수

✅ map()

배열을 다른 배열로 가공할 때 사용

기존 배열을 가공해서 "새로운 배열"을 만들고 싶을 때

[1, 2, 3].map(x => x * 2); // [2, 4, 6]

 

✅ filter()

 

조건을 만족하는 요소만 골라낼 때 사용

"짝수만", "특정 문자열 포함된 것만" 등 조건 필터링

[1, 2, 3, 4].filter(x => x % 2 === 0); // [2, 4]

 

✅ reduce()

배열의 값을 누적해서 하나로 만들 때

합계, 최대값, 수열 생성 등에 자주 사용

[1, 2, 3].reduce((acc, cur) => acc + cur, 0); // 6

 

✅ includes()

값이 배열에 존재하는지 확인할 때

[1, 2, 3].includes(2); // true
[1, 2, 3].includes(5); // false

 

✅ indexOf()

값이 배열에 존재하면 위치(index)를, 없으면 -1 반환

['a', 'b', 'c'].indexOf('b'); // 1
['a', 'b', 'c'].indexOf('z'); // -1

 

 

 

📖 문자열함수

✅ toUpperCase(), toLowerCase()

대소문자 통일이 필요한 경우 (예: 대소문자 구분 없는 비교)

'apple'.toUpperCase(); // 'APPLE'
'APPLE'.toLowerCase(); // 'apple'

 

✅ trim()

앞뒤 공백 제거

'  hello world  '.trim(); // 'hello world'

 

✅ split()

문자열을 배열로 나눌 때

'apple,banana,orange'.split(','); // ['apple', 'banana', 'orange']

 

✅ slice(start, end)

문자열(또는 배열)의 특정 구간 추출

'apple'.slice(1, 4); // 'ppl'
[1, 2, 3, 4].slice(1, 3); // [2, 3]

 

✅ substring(start, end)

slice와 유사하지만, 음수 인덱스를 허용하지 않음

'apple'.substring(1, 4); // 'ppl'

 

✅ startsWith(str), endsWith(str)

특정 접두사/접미사 확인할 때

'apple'.startsWith('app'); // true
'apple'.endsWith('le');    // true

 

 

📚 기타 유용한 함수

✅ 전개 연산자 ... (Spread operator)

배열 복사, 합치기, 객체 분해, 인자 전달 등 매우 다양하게 사용됨

const arr = [1, 2, 3];
const copied = [...arr];          // 배열 복사
const merged = [...arr, 4, 5];    // [1, 2, 3, 4, 5]

const str = 'hello';
console.log([...str]); // ['h', 'e', 'l', 'l', 'o']