본문 바로가기
JavaScript

내장 함수

by 코린이 박원장👶 2022. 8. 12.

내장함수

내장 함수란 자바스크립트에 기본적으로 내장이 되어있는 함수들을 말합니다. 자바스크립트가 기본적으로 우리에게 제공하는 함수라고 할 수 있습니다.


01_ 인코딩, 디코딩 함수

자바스크립트는 기본적으로 '%'뒤에 사용할 수 없는 문자의 문자 코드를 16진수로 변환해서 연결합니다. 그래서 "http://abc.com/search?query=자바스크립트"처럼 URL주소에 쿼리 정보를 전송해서 데이터를 처리해야 하는 프로그램의 경우 한글과 같은 유니코드문자가 포함되어 있다면 오류가 발생할 수 있습니다. 그렇다면 이런 오류를 어떻게 해야 해결할 수 있을까요?

인코딩 함수를 사용해서 문자를 부호화 한뒤, 부호화 된 문자를 다시 디코딩 함수를 이용해서 원래 문자로 되돌릴 수 있습니다. 인코딩은 데이터를 다른 형식으로 변환한다는 뜻입니다.
컴퓨터만의 언어로 변경시키고 우리가 알아볼 수 있는 사람의 언어로 변환시킨다 생각하면 되겠네요

함수명 설명
encodeURIComponent() 영문, 숫자, () - _ . ~ * '!'을 제외한 문자를 인코딩합니다.
decodeURIComponent() 인코딩함수'encodeURIComponent()'의 디코딩 함수입니다.
var encodeStr = "자바스크립트";
consloe.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%08
자바스크립트

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

자바스크립트에는
값이 숫자인지 아닌지 판별하는 함수와
값이 유한숫자인지 판단하는 함수가 있습니다.
위 두 함수는 데이터 유효성을 점검할 때 많이 사용됩니다.

함수명 설명
isNaN() Not a Number의 약자.
숫자인지 아닌지를 판별하는 함수입니다. 숫자면 false를 반환하고 숫자가 아니라면 true를 반환합니다.
isFinite() 유한값인지 무한값인지 판별하는 함수입니다.유한일경우 true를 무한일경우, 양수 또는 음수, infinity(무한대를 나타내는 숫자값), NaN, undefined일 경우 false를 반환합니다.
var num1 = "숫자";
if (!isNaN(num1)) {
    console.log('숫자');
}else{
    console.log("숫자아님");
}
var num2 = 1 / 0;
if (isFinite(num2)) {
    console.log('유한값');
}else{
    console.log('무한값');
}
결과보기
숫자아님
무한값

03_ 숫자, 문자 변환 함수

함수명 설명
Number() 숫자로 변환해 주는 함수입니다.
parselnt() 숫자와 문자가 포함될 경우 정수 부분만 숫자로 변환합니다.
parseFloat() 숫자와 문자가 포함될 경우 소수 부분까지 숫자로 변환합니다.
String() 문자로 바꿔주는 함수입니다.
var num3 = "10";
console.log(Number(num3));
var num4 = "100px";
console.log(parsInt(num4));
var num5 = "33.3%";
console.log(parseFloat(num5));
var num6 = 10;
console.log(typeof num6);
console.log(typeof String(num6));
결과보기
10
100
33.3
Number
string

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

문자열로 이루어진 스크립트 코드를 실행하는 함수입니다. 그래서 잘만쓰면 동적으로 자바스크립트 실행문을 만들어서 실행할 수 있지만, 보안에 취약하다는 매우 큰 문제점이 있습니다.이 문제점 하나만으로도 이 함수는 사용을 지양해야 해요.
그런데 이 문제덩어리를 왜 썼냐구요?
이전의 자바스크립트는 지원하는 기능이 많지 않았기 때문이라네요...사람이나 기계나 진화가 필수인가 봅니다🙄

함수명 설명
eval() 문자를 자바스크립트 코드로 변경합니다.
var str1 = "var num7 = 10";
var str2 = "var num8 = 20";
eval(str1);
eval(str2);
consloe.log(num7 + num8);
결과보기
30
728x90

'JavaScript' 카테고리의 다른 글

문자열변경메서드(slice/substring/substr)  (6) 2022.08.16
정규식 표현  (5) 2022.08.16
배열 메서드(join/push/pop)  (11) 2022.08.11
요소 선택  (8) 2022.08.05
지역/전역 변수  (8) 2022.07.28

댓글


HTML이미지
HTML이미지

JAVASCRIPT

자세히 보기
HTML이미지