STUDY/JavaScript

[JavaScript] 자바스크립트 내장 함수

1juyoung 2025. 6. 27. 15:15

직접 구현하는 것도 좋지만, 가장 좋은 건 자바스크립트 내장 함수를 사용하는 것!

일단 코드의 길이도 짧아져서 가독성이 좋아질 뿐더러, 메모리와 시간이 줄어드는 걸 보니 더욱 잘 사용해야겠다는 생각이 들었다..

그래서 이번 포스팅에서는 자바스크립트에서 자주 사용되는 내장 함수들을 몽땅 정리해 보려고 가져왔다!

 

분류 함수 이름 설명
문자열 charAt() 문자열에서 특정 위치의 문자 반환
  concat() 여러 문자열 결합
  includes() 특정 문자열 포함 여부 확인
  indexOf() 특정 문자열의 첫 위치 인덱스 반환
  slice() 문자열 일부 잘라 반환
  split() 문자열을 특정 구분자로 나누어 배열로 반환
  toLowerCase() / toUpperCase() 소문자/대문자 변환
  padStart() / padEnd() 지정 길이 미달 시 앞뒤로 문자열 채우기
  length 문자열 길이
배열 concat() 배열 결합
  every() 모든 요소가 조건 만족하는지
  filter() 조건에 맞는 요소만 추출
  forEach() 각 요소 반복 실행
  indexOf() 요소 첫 위치 인덱스 반환
  join() 배열을 문자열로 결합
  map() 각 요소 변형해 새 배열 생성
  reduce() 배열을 하나의 값으로 축소
  sort() 요소 정렬
  slice() 부분 배열 복사 생성
  splice() 요소 추가/삭제하며 원본 변경
숫자 toFixed() 소수점 지정 문자열 반환
  toPrecision() 전체 자릿수 지정 문자열
  toString() 문자열로 변환 (기수 변환 가능)
  valueOf() 원시 숫자값 반환
  isNaN() 값이 NaN인지 확인
  parseInt() 문자열을 정수로 변환
  parseFloat() 문자열을 부동 소수점 숫자로 변환
  Number.isInteger() 값이 정수인지 여부를 확인
  Number.isSafeInteger() 값이 안전한 정수인지 여부를 확인
수학 Math.round() 숫자를 반올림
  Math.floor() 숫자를 내림
  Math.ceil() 숫자를 올림
  Math.trunc() 소수점을 버림
  Math.random() 0 이상 1 미만의 난수 반환
객체 Object.assign() 대상 객체에 속성 복사
  Object.create() 지정된 프로토타입으로 새 객체 생성
  Object.keys() 객체의 키를 배열로 반환
  Object.values() 객체의 값을 배열로 반환
  Object.entries() 객체의 [key, value] 쌍 배열 반환
날짜 getDate() 날짜의 일을 반환
  getDay() 요일 반환 (0:일 ~ 6:토)
  getFullYear() 연도 반환
  getMonth() 월 반환 (0부터 시작)
  getTime() 1970년 1월 1일 이후의 밀리초 반환
  setDate() 날짜의 일을 설정
  setFullYear() 연도를 설정
함수 apply() this와 인수 배열로 함수 호출
  bind() this와 인수를 고정한 새 함수 반환
  call() this와 인수로 함수 호출
  toString() 함수를 문자열로 반환
유틸리티 alert() 경고창 표시
  console.log() 콘솔에 메시지 출력
  setTimeout() 일정 시간 후 함수 실행
  setInterval() 일정 간격으로 함수 반복 실행