내장 함수

내장 함수

내장 함수는 자바스크립트에 기본적으로 내장되어있는 함수 들을 말합니다.

01. 인코딩 , 디코딩 함수

URL주소에 쿼리 정보를 전송하여 데이터를 처리해야하는 프로그램의 경우 한글과 같은 유니코드 문자가 포함되어 있으면 오류가 발생할 수 있습니다. 이런 경우인코딩 함수를 이용하여 문자를 부호화 시키고 부호화된 문자를 디코딩 함수를 이용하여 원래 문자로 되돌릴 수 있습니다.

함수명	설명
encodeURIConponent()	영문. 슷지와 () - _ . ~ * ! ' 을 제외한 문자를 인코딩 합니다.
decodeURIConponent()	encodeURIConponent()의 디코딩 함수

 

    //인코딩, 디코딩 함수
    {
        var encodeStr = '자바스크립트';
        console.log(encodeURIComponent(encodeStr));
        var decodeStr = encodeURIComponent(encodeStr);
        console.log(decodeURIComponent(decodeStr));
    }

결과보기

자바스크립트

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

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

 

    //숫자, 유한무한 값 판별 함수
    {
        var num1 = '숫자';
        if (!isNaN(num1)){
            console.log('숫자');
        }else {
            console.log('숫자아님');
        }

        var num2 = 1 / 0;
        if(isFinite(num2)){
            console.log('유한값');
        }else {
            console.log('무한값');
        }
    }

결과보기

숫자아님
무한값

03. 숫자, 문자 변환 함수

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

 

    //숫자 ,문자 변환 함수
    {
        var num3 = '10';
        console.log(Number(num3));

        var num4 = '100px';
        console.log(parseInt(num4));

        var num5 = '33.3%';
        console.log(parseFloat(num5));
        
        var num6 = 10;
        console.log(typeof num6);
        console.log(typeof String(num6));
    }

결과보기

10
100
33.3
number
string

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

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

 

   //자바스크립트 코드 변경 함수
    {
        var str1 = 'var num7 = 10'
        var str2 = 'var num8 = 20'
        eval(str1);
        eval(str2);
        console.log(num7 +num8);
    }

결과보기

30