[JAVASCRIPT] 내장 함수

자바스크립트 : 내장 함수

내장 함수란? 자바스크립트에 기본적으로 내장되어 있는 함수를 말합니다.
지금부터 내장 함수에 대해 자세히 알아봅시다!

---

1. 인코딩, 디코딩 함수

URL주소에 쿼리 정보를 전송하여 데이터를 처리해야 하는 경우 유니코드 문자가 포함되어 있으면 오류가 걸릴 확률이 높습니다. 때문에 인코딩 함수를 통해 문자를 부호화 시켜서 처리한 후 디코딩 함수를 통해 문자로 다시 되돌릴 수 있습니다.

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

---

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

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

---

3. 숫자, 문자 변환 함수

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

---

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

함수명	설명
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)) {
        console.log('숫자');
    } else {
        console.log('숫자아님');  //숫자아님
    }
    var num2 = 1/0; 
    if (isFinite(num2)){
        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);
    eval(str2);
    console.log(num7 + num8); //30
}