[JavaScript] 내장 함수

내장 함수

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

---

인코딩, 디코딩 함수

'https://www.google.com/search?query=자바스크립트'

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

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

예제 코드 보기

var encodeStr = '자바스크립트';
console.log(encodeURIComponent(encodeStr));     // 문자 부호화되어 외계어(?)출력
var decodeStr = encodeURIComponent(encodeStr);
console.log(decodeURIComponent(decodeStr));     // 부호화된 것을 다시 문자로 디코딩해서 '자바스크립트' 제대로 출력됨

결과 보기

%EC%9E%90%EB%B0%94%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8
자바스크립트

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

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

예제 코드 보기

var num1 = '숫자';
if (!isNaN(num1)) {     // isNaN이 아닌 !isNaN임에 주목!
    console.log('숫자');
} else {
    console.log('숫자아님');    // num1은 문자열이므로 true를 반환해야 하지만 isNan 앞에 느낌표가 붙어서 반대로 false 반환
}

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

결과 보기

숫자아님
무한값

숫자, 문자 변환 함수

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

예제 코드 보기

var num3 = '10';
console.log(Number(num3));      // 따옴표 안에 있는 문자열 '10'을 숫자 10으로 변경

var num4 = '100px';
console.log(parseInt(num4));    // 정수부분 100 제외하고 px 무시함

var num5 = '33.3%';
console.log(parseFloat(num5));      // 소수 부분까지 숫자 변환, 문자 '%' 무시

var num6 = 10;
console.log(typeof num6);       // typeof는 변수 안 데이터가 어떤 형태인지를 판별해줌, 숫자이므로 number출력
console.log(typeof String(num6));   // String(num6)으로 10을 '10'(문자열)로 바꿈 --> 타입이 string으로 변했음

결과 보기

10
100
33.3
number
string

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

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

예제 코드 보기

var str1 = 'var num7 = 10';
var str2 = 'var num8 = 20';

//eval 함수를 통해 문자열에서 js코드로 변경
eval(str1);
eval(str2);
consloe.log(num7 + num8);   //무사히 둘을 더해 30 출력

결과 보기

30