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

방용환·2023년 6월 5일
0
post-thumbnail

내장 함수

1. 시간 경과 관련 함수

  • setTimeout(callback, ms) : 시간(ms) 경과 후 콜백함수를 한번만 호출하여 콜백함수의 명령을 실행하는 함수
    => timeoutId(setTimeout 함수를 구분하기 위한 식별자)
  • clearTimeout(timeoutId) : timeoutId의 setTimeout 함수의 실행을 취소하는 함수
  • setInterval(callback, ms) : 시간(ms) 경과마다 콜백함수를 반복적으로 호출하여 콜백함수의 명령을 실행하는 함수
    => intervalId(setInterval 함수를 구분하기 위한 식별자) 반환
  • clearInterval(intervalId) : intervalId의 setInterval 함수의 실행을 취소하는 함수

2. 부호화 (복호화) 관련 함수

  • URI (웹자원의 식별자) = URL (웹자원의 위치) + QueryString (전달값)
  • 문제점 : 질의문자열에 URI 주소로 사용 불가능한 문자 포함 가능 (값이 비정상적으로 전달)
  • 해결법 : 질의문자열에 URI 주소로 사용 불가능한 문자가 포함된 경우 부호화 처리하여 전달
  • 부호화(Encode) 처리 : URI 주소로 사용 불가능한 문자를 URI 주소로 사용 가능한 문자 (유니코드)로 변환
  • encodeURI(string) 함수 or encodeURIComponent(string) 함수 : 매개변수로 일반 문자값을 전달받아 부호화된 문자값으로 변환하여 반환하는 함수
  • decodeURI(string) 함수 or decodeURIComponent(string) 함수 : 매개변수로 부호화 처리된 문자값을 전달받아 일반 문자값으로 변환하여 반환하는 함수

3. eval 함수

  • eval(string) : 매개변수로 문자값을 전달받아 자바스트립트 명령으로 변환하여 실행하는 함수
let text="20 + 10";
		
console.log(text);
console.log(eval(text));

// 20 + 10
// 30

4. isNaN 함수

  • isNaN(value) : 매개변수로 전달받는 값이 숫자로만 구성된 경우 [false]를 반환하고 숫자로만 구성되지 않은 경우 [true]를 반환하는 함수
let value = "123abc";

if (isNaN(value)) {
	console.log("숫자로만 구성된 값이 아닙니다.");
} else {
	console.log("숫자로만 구성된 값입니다.");
}

// 숫자로만 구성된 값이 아닙니다.

5. isFinite 함수

  • isFinite(value) : 매개변수로 전달받은 값이 무한수인 경우 [false]를 반환하고 유한수인 경우 [true]를 반환하는 함수
console.log(10 / 4); // 2.5
console.log(10 / 3); // 3.3333333333333335
// => 자바스트립트는 모든 숫자값이 유한수로 표현
console.log(10 / 0); // Infinity (무한수)
let num1 = 10, num2 = 0;

if (isFinite(num1 / num2)) {
	console.log(num1 / num2);
} else {
	console.log("0으로 나눌 수 없습니다.");
}

// 0으로 나눌 수 없습니다.

6. parse 함수

  • parseInt(value) : 매개변수로 전달받은 값을 정수값으로 변환하여 반환하는 함수
  • parseInt(string, radix) : 매개변수를 전달받은 특정 진수의 문자값을 10진수의 정수값으로 변환하여 반환하는 함수
  • parseFloat(value) : 매개변수로 전달받은 값을 실수값으로 변환하여 반환하는 함수

0개의 댓글