내장함수

728x90

내장 함수

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

인코딩, 디코딩 함수

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

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

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

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

숫자, 문자 변환 함수

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

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

자바스크립트에서는 출력할 수 있는 방법이 여러가지가 있습니다.

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

ex)3-32

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>내장함수</title>

    <script>
        //인코딩, 디코딩 함수
        var encodeStr = '자바스크립트';
        console.log(encodeURIComponent(encodeStr));
        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));
        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));

        //숫자,문자 변환 함수
        var str1 = 'var num7 = 10';
        var str2 = 'var num8 = 20';
        eval(str1);
        eval(str2);
        console.log(num7 + num8);

    </script>
</head>
<body>
</body>

</html>

결과 보기

728x90

'자바스크립트' 카테고리의 다른 글

slice() / substring() / substr() (6)	2022.08.17
indexOf()/lastIndexOf() (6)	2022.08.17
배열 관련 메서드 (10)	2022.08.11
요소 선택자 (5)	2022.08.07
전역변수와 지역변수 (5)	2022.08.03

🎆Youcodein🎇

내장함수

내장 함수

인코딩, 디코딩 함수

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

숫자, 문자 변환 함수

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

ex)3-32

'자바스크립트' 카테고리의 다른 글

댓글

HTML

CSS

JAVASCRIPT

티스토리툴바

내장함수

내장 함수

인코딩, 디코딩 함수

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

숫자, 문자 변환 함수

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

ex)3-32

'자바스크립트' 카테고리의 다른 글

관련글

댓글

HTML

CSS

JAVASCRIPT

티스토리툴바