728x90
내장 함수
내장 함수는 자바스크립트에 기본적으로 내장되어 있는 함수들을 말합니다.
★종류★
01. 인코딩, 디코딩 함수
02. 숫자, 유/무한 값 판별 함수
03. 숫자, 문자 변환 함수
04. 자바스크립트 코드 변경 함수
▶ 인코딩, 디코딩 함수
URL주소에 쿼리 정보를 전송하여 데이터를 처리해야 되는 프로그램의 경우 한글과 같은 유니코드 문자가 포함되어 있으면 오류가 발생할 수 있습니다. 이런 경우 인코딩 함수를 이용하여 문자를 부호화시키고 부호화된 문자를 다시 디코딩 함수를 이용하여 원래 문자로 되돌릴 수 있습니다.
함수명 | 설명 |
---|---|
encodeURIComponent() | 영문, 숫자와 ()-_.~*!'을 제외한 문자를 인코딩합니다. |
decodeURIComponent() | encodeURIComponent()의 디코딩 함수 |
▶ 숫자, 유/무한 값 판별 함수
함수명 | 설명 |
---|---|
isNaN() | 숫자인지 아닌지를 판별하는 함수입니다. 숫자이면 false를 반환해 주고 숫자가 아니면 true를 반환해 줍니다. NaN은 Not a Number의 약자입니다. |
isFinite() | 유한값인지 무한값인지 판별하는 함수입니다. 유한값이면 true를 반환하고, 무한값이면 false를 반환합니다. |
▶ 숫자, 문자 변환 함수
함수명 | 설명 |
---|---|
Number() | 숫자로 변환해 주는 함수입니다. |
parseInt() | 숫자와 문자가 포함되어 있을 경우 정수 부분만 숫자로 변환해 주는 함수입니다. |
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(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>
결과보기
'Javascript' 카테고리의 다른 글
indexOf() / lastIndexOf() (3) | 2022.08.16 |
---|---|
정규표현식 (3) | 2022.08.16 |
배열 객체 (7) | 2022.08.11 |
요소 선택 (3) | 2022.08.07 |
전역변수와 지역변수 (4) | 2022.07.28 |
댓글