728x90
반응형
자바스크립트 내장 함수
자바스크립트에 기본적으로 내장되어 있는 함수들을 말합니다.
인코딩, 디코딩 함수
인코딩 함수를 이용하여 문자를 부호화시키고 부호화된 문자를 다시 디코딩 함수를 이용하여 원래 문자로 되돌릴 수 있습니다.
| 함수명 | 설명 |
|---|---|
| encodeURIComponent() | 영문, 숫자와 ( ) - _ . ~ * ! ' 을 제외한 문자를 인코딩 합니다. |
| decodeURIComponent() | encodeURIComponent( )의 디코딩 함수 |
//encodeURIComponent()
var arr1 = ";,/?:@+$";
var arr2 = "-_.!*()";
var arr3 = "ABC abc 111";
//decodeURIComponent()
var arr1 = ";,/?:@+$";
var arr2 = "-_.!*()";
var arr3 = "ABC abc 111";
결과보기
숫자, 유/무한 값 판별 함수
isNaN()은 전달된 값이 숫자인지 아닌지를 판별하는 함수이며, isFinite()은 유한값인지 무한한 값인지를 판별하는 함수 입니다.
| 함수명 | 설명 |
|---|---|
| isNan() |
숫자인지 아닌지를 판별하는 함수입니다. 숫자이면 false를 반환해 주고 숫자가 아니면 true를 반환해줍니다. NaN은 Not a Number의 약자입니다. |
| isFinite() | 유한값인지 무한값인지 판별하는 함수입니다. 유한값이면 true를 반환하고, 무한값이면 false를 반환합니다. |
//isNaN()
isNaN(NaN);
isNaN("NaN");
isNaN(true);
isNaN(null);
isNaN(55);
//isFinite()
isFinite(Infinity);
isFinite(NaN);
isFinite(1545678653);
isFinite(0);
결과보기
숫자, 문자 변환 함수
숫자로 변환해주거나, 문자로 바꾸어 주는 함수 입니다.
| 함수명 | 설명 |
|---|---|
| Number() | 숫자로 변환해 주는 함수입니다. |
| parseInt() | 숫자와 문자가 포함되어 있을 경우 정수 부분만 숫자로 변환해 주는 함수입니다. |
| parseFloat() | 숫자와 문자가 포함되어 있을 경우 소수 부분까지 숫자로 변환해 주는 함수입니다. |
| String() | 문자로 바꾸어 주는 함수입니다. |
//Number()
var num1 = "1";
var num2 = Number(num1);
//parselnt()
parseInt("5.02020");
parseInt("5 문자");
//parseFloat()
parseFloat("5");
parseFloat("5.20202");
//String()
var str1 = 2;
var str2 = String(str1);
결과보기
자바스크립트 코드 변경 함수
문자로 표현된 자바스크립트 코드를 실행 시켜주는 함수입니다.
| 함수명 | 설명 |
|---|---|
| eval() | 문자를 자바스크립트 코드로 변경해 주는 함수입니다. |
//eval()
var js = "3 + 2";
eval(js);
결과보기
예제
예제보기
<!DOCTYPE html>
<html lang="ko">
<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>
결과
%EC%9E%90%EB%B0%94%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8자바스크립트
숫자아님
무한값
10
100
33.3
number
string
30
'JavaScript' 카테고리의 다른 글
| slice() / substring() / substr() (4) | 2022.08.16 |
|---|---|
| indexOf( ) / lastIndexOf( ) (3) | 2022.08.16 |
| 배열 객체 - join() / push() / pop() (7) | 2022.08.11 |
| 요소 선택 (7) | 2022.08.06 |
| 지역변수와 전역변수 (4) | 2022.07.28 |
댓글