JavaScript 주요 내장 함수

버터·2025년 6월 2일

1. parseInt(string, radix?)

지정한 문자열을 정수로 변환한다.

  • string: 숫자로 변환할 문자열
  • radix: 2진수부터 36진수까지 변환할 진법. 기본값은 10진수
  • 반환값: 변환된 숫자
(()=>
  console.log(parseInt('100'));
  console.log(parseInt('100', 10));
  console.log(parseInt('100', 2));
  console.log(parseInt('100', 16));
  console.log(parseInt('99.876')); // 소수는 버림
})();

2. parseFloat(string)

지정한 문자열을 부동소수점 방식의 숫자로 변환한다.

  • string: 숫자로 변환할 문자열
  • 반환값: 변환된 숫자
(()=>{
  console.log(parseFloat('99.876'));
})();

3. setTimeout(handler, timeout?, …arguments)

지정한 시간이 지난 후 특정 코드를 한 번 실행하도록 예약한다.

  • 비동기적으로 호출되므로 setTimeout 이후의 코드가 먼저 실행된다.
  • delay 값이 0이어도 현재 실행 중인 함수의 코드가 먼저 실행된 후 실행된다.
  • handler: 지연 후 실행될 코드나 콜백 함수
  • timeout: 대기 시간 (밀리초 단위, 1초 = 1000ms)
  • arguments: 콜백 함수에 전달될 추가 인자값들
  • 반환값: 예약을 중지할 때 사용하는 타이머 id (정수)
(() => {
  console.log("시작");

  const timerId = setTimeout(
    (a: number, b: number) => {
      console.log("3초 후에 실행", a + b);
    },
    3000,
    10,
    20
  );

  console.log("종료");

  // timeout 작업 취소
  clearTimeout(timerId);
})();

4. clearTimeout(id)

setTimeout()으로 설정한 타이머를 취소한다.

  • id: 취소할 타이머의 id
    • undefined일 경우 타이머가 취소되지 않는다.

5. setInterval(handler, timeout, …arguments)

지정된 시간 간격으로 특정 코드를 계속 실행하도록 예약한다.

  • handler: 지연 후 실행될 코드나 콜백 함수
  • timeout: 대기 시간 (밀리초 단위, 1초 = 1000ms)
  • arguments: 콜백 함수에 전달될 추가 인자값들
  • 반환값: 예약을 중지할 때 사용하는 타이머 id (정수)
(() => {
  console.log("시작");

  const timerId = setInterval(
    (a: number, b: number) => {
      console.log("3초 후에 실행", a + b, new Date());
    },
    3000,
    10,
    20
  );

  console.log("종료");

  // timeout 작업 취소
  clearInterval(timerId);
})();

6. clearInterval(id)

setTimeout()으로 설정한 타이머를 취소한다.

  • id: 취소할 타이머의 id
    • undefined일 경우 타이머가 취소되지 않는다.
profile
프론트엔드 개발자를 꿈꾸는 (구)퍼블리셔

0개의 댓글