본문 바로가기
JAVASCRIPT

내장 함수

by 코빈_ 2022. 8. 16.

내장 함수

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


인코딩, 디코딩 함수

http://icoxpublish.com/search?query=자바스크립트'와 같이 URL주소에 쿼리 정보를 전송해 데이터를 처리해야 되는 프로그램의 경우 한글과 같은 유니코드 문자가 포함되어 있으면 오류가 발생할 수 있다. 이런 경우 인코딩 함수를 이용하여 문자를 부호화시키고 부호화된 문자를 다시 원래 문자로 되돌릴 수 있다.

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

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

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

숫자, 문자 변환 함수

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

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

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

예제 코드

<!DOCTYPE html>
<html lang="ko">
<head>
  <meta charset="UTF-8">
  <title>내장 함수</title>
  <script>
    // 인코딩. 디코딩함수
    var encodeStr = '자바스크립트';
    console.log(encodeURIComponent(encodeStr));
    var decodeStr = encodeURIComponent(decodeStr);
    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);
    onsole.log(typeof String(num6));
    // 자바스크립트 코드 변경 함수
    var srt1 = 'var num7 = 10';
    var srt2 = 'var num8 = 20';
    eval(str1);
    eval(str2);
    console.log(num7 + num8);
  </script>
</head>
<body>
</body>
</html>

'JAVASCRIPT' 카테고리의 다른 글

메서드 (indexOf / lastIndexOf)  (3) 2022.08.16
메서드 (slice / substring / substr)  (2) 2022.08.16
메서드 (join, push, pop)  (9) 2022.08.11
요소 선택  (6) 2022.08.05
지역 변수 / 전역 변수  (6) 2022.07.28

댓글


INFORMATION

javascript

css

html