내장 함수 알아보기

내장 함수

내장 함수는 자바스크립트에 기본적으로 내장되어 있는 함수들을 말합니다. 내장 함수에는 '인코딩,디코딩 함수', '숫자, 유/무한 값 판별 함수', '숫자, 문자 변환 함수', '자바스크립트 코드 변경 함수' 등이 있습니다.

▶ 인코딩, 디코딩 함수

자바스크립트에서의 인코딩이란, 문자를 부호화 시키는 것이며, 디코딩은 반대로 부호화 시킨 문자를 원래의 문자로 되돌리는 것입니다. 인코딩은 url주소에 쿼리 정보를 전송할 때, 유니코드 문자가 포함되어 발생하는 오류를 방지하기 위해 사용합니다.

함수명	설명
encodeURIComponent()	영문, 숫자와 ( ) - _ . * ! ' 을 제외한 문자를 인코딩합니다.
dencodeURIComponent()	encodeURIComponent()의 디코딩 함수

---

▶ 숫자, 유/무한 값 판별 함수

유한값이란 한계가 있는 값으로, 자신보다 큰 수와 작은 수가 동시에 존재합니다. 반면 무한값은 한게가 없는 값으로, 숫자가 무한대로 늘어나, 계산이나 처리 과정에서 오류를 일으키기도 합니다. 자바스크립트에는 값이 숫자인지를 판별하느 함수와, 유한값인지 무한값인지 판별해주는 함수가 있습니다.\

함수명	설명
isNaN()	숫자인지 아닌지를 판별하는 함수입니다. 숫자이면 false, 숫자가 아니면 true를 반환해 줍니다. NaN은 Not a Number의 약자입니다.
isFinite()	유한값인지 무한값인지 판별하는 합수입니다. 유한값이면 true, 무한값이면 false를 반환해 줍니다.

---

▶ 숫자, 문자 변환 함수

함수명	설명
Number()	숫자로 변환해 주는 함수입니다.
parseInt()	숫자와 문자가 포함되어 있을 경우 정수 부분만 숫자로 변환해 주는 함수입니다.
parseFloat()	숫자와 문자가 포함되어 있을 경우 소수 부분까지 숫자로 변환해 주는 함수입니다.
String()	문자로 바꾸어 주는 함수입니다.

---

▶ 자바스크립트 코드 변경 함수

eval() 함수는 괄호() 안에 들어가는 값을 자바스크립트 코드로 변경하여 줍니다.

함수명	설명
eval()	문자를 자바스크립트 코드로 변경해 주는 함수입니다.

▶ 예제

// 인코딩, 디코딩 함수
var encodeStr = "자바스크립트";
console.log(encodeURIComponent(encodeStr));
//%EC%9E%90%EB%B0%94%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8 (인코딩된 "자바스크립트")
var decodeStr = encodeURIComponent(encodeStr);
console.log(decodeURIComponent(decodeStr)); //자바스크립트

// 숫자 판별 함수
var num1 = "숫자";
if (!isNaN(num1)) { //숫자가 아니기 때문에 반환된 true값을 false로 변환
    console.log("숫자");
} else {
    console.log("숫자 아님");   //숫자 아님 출력
}

// 유/무한값  판별 함수
var num2 = 1 / 0;
if (isFinite(num2)) {   // 1을 0으로 나눈 값은 무한값이기 때문에 false반환
    console.log("유한값");
} else {
    console.log("무한값");  //무한값 출력
}

// 숫자, 문자 변환 함수
var num3 = "10";
console.log(Number(num3));  //숫자 10 출력
var num4 = "100px";
console.log(parseInt(num4));  //숫자 100 출력
var num5  = "33.3%";
console.log(parseFloat(num5));  //숫자 33.3 출력
var num6 = 10;
console.log(typeof num6);   //number 출력(숫자이기 때문)
console.log(typeof String(num6));   //string 출력 (문자로 변환했기 때문)

//자바스크립트 코드 변경 함수
var str1 = "var num7 = 10";
var str2 = "var num8 = 20";
eval(str1); //자바스크립트 코드로 변환되며 num7 변수를 선언
eval(str2); //자바스크립트 코드로 변환되며 num8 변수를 선언
console.log(num7 + num8);   //30 출력