[javascript] 3. 자바스크립트 내장 함수

[javascript] 3. 자바스크립트 내장 함수

* 목차 *

1. 타이머 함수

2. 인코딩과 디코딩 함수

3. 코드 실행 함수

4. 숫자 확인 함수

5. 숫자 변환 함수

1. 타이머 함수 

  - 타이머 함수에서는 초 단위를 miliisecond(ms)로사용한다.

  - miliisecond(ms)는 1/1000 초이다. (즉, 5000 ms 는 5 초이다)

NO	메서드 이름	설명
1	setTimeout(function, millisecond)	일정 시간 후 함수를 한번 실행합니다.
2	clearTimeout(id)	일정 시간 후 함수를 한번 실행하는 것을 중지 합니다
3	setInterval(function, millisecond)	일정 시간 마다 함수를 반복해서 실행 합니다.
4	clearInterval(id)	일정 시간 마다 함수를 반복하는 것을 중단합니다.

  - 예제 

  1) setTimeout(function, millisecond)

  2) clearTimeout(id)

// timer 생성

var timer_id = setTimeout(function(){

alert("test");

},5000);

// timer 삭제

clearTimeout(timer_id);

  3) setInterval(function, millisecond)

  4) clearInterval

var timer_id = setInterval(function(){

console.log("test");

},5000);

// timer 삭제

clearInterval(timer_id);

2. 인코딩과 디코딩 함수 

NO	함수이름	설명
1	escape(string)	영문 알파벳과 숫자 일부 특수 문자(@,*,-,_,_,.,/)를 제외하고 모두 이코딩 합니다.
2	unescape(encodedstring)	escape로 인코딩한 문자를 decoding합니다.
3	encodeURI(uri)	escape()에서 인터넷에 사용되는 일부 특수문자 (:,;,/,=,?,&)는 변환 하지 않습니다.
4	decodeURI(encodedURI)	encodeURI로 인코딩한 문자를 decoding 합니다.
5	encodeURIComponent(uriComponent)	알파벳과 숫자를 제외한 모든 문자를 이코딩 합니다.
6	decodeURICompoment(encodedURI)	encodeURIComponent로 인코딩한 문자열을 디코딩 합니다

  [예제

  1) escape()

var escaped_string = escape("https://doitnow-man.tistory.com/test/간디");

  => 결과 https%3A//doitnow-man.tistory.com/test/%uAC04%uB514

  2) unescape()

var unescaped_string = unescape(escaped_string);

  => 결과 https://doitnow-man.tistory.com/test/간디

  3) encodeURI(uri)

var encodeURI_string = encodeURI("https://doitnow-man.tistory.com/test/간디");

  => 결과 https://doitnow-man.tistory.com/test/%EA%B0%84%EB%94%94

  4) decodeURI(encodedURI)

var decodeURI_string = decodeURI(encodeURI_string);

  => 결과 : https://doitnow-man.tistory.com/test/간디

 

  5) encodeURIComponent(uriComponent)

var encodeURICom_string = encodeURIComponent("https://doitnow-man.tistory.com/test/간디");

  => 결과 : https%3A%2F%2Fdoitnow-man.tistory.com%2Ftest%2F%EA%B0%84%EB%94%94

  6) decodeURICompoment(encodeURICom_string)

var decodeURICom_string = decodeURIComponent(encodeURICom_string);

  => 결과 : https://doitnow-man.tistory.com/test/간디

3. 코드 실행 함수 

함수 이름	설명
eval(string)	string을 자바 스크립트 코드로 실행합니다.  변수도 할당 하여 사용 할수 있습니다.

  [예제]

  1) eval()

var test_code = "var string = 'hello world';alert(string)";

eval(test_code);

4. 숫자 확인 함수 

함수 이름	설명
isFinite(number) : boolean	number가 유한한 값이지 체크 합니다  반환 값이 true면 유한한 값  반환 값이 false이면 무한한 값
isNaN(number) : boolean	number가 NaN(Not a Number)인지 확인합니다.

  [예제]

  1) isFinite(number)

    - 자바스크립트에서 0으로 나누면 무한한 값이 나옵니다.

    - 참고:  100 / 0  이면 Infinity 가 나오고 

             -100 / 0  이면 -Infinity 가 나옵니다.

var number = 100 / 0;

if (isFinite(number) == false) {

alert('무한한 값');

} else {

alert('유한한 값');

}

  2) isNaN(number)

var number = "일";

if (isNaN(number) == true) {

alert("숫자가 아닙니다");

} else {

alert("숫자 입니다");

}

5. 숫자 변환 함수

함수 이름	설명
parseInt(string, 진법)	string을 진법에 맞게 바꾸어 줍니다.   (진법 : 2, 8, 10, 16 )이 존재 합니다.
parseFloat(string)	string을 유리수로 바꾸어 줍니다.

  [예제]

  1) parseInt(string, 집법)

var number = '100';

alert(parseInt(number, 2)); // 4

alert(parseInt(number, 8)); // 64

alert(parseInt(number, 10)); // 100

alert(parseInt(number, 16)); // 256

  2) parseFloat(string)

var number = '52.273e5';

alert(parseFloat(number)); // 5227300

<연관된 글>

- [javascript] 1. 자바스크립트 기초 (기본 구조)

- [javascript] 2. 자바스크립트 함수란?

- [javascript] 3. 자바스크립트 내장 함수

- [javascript] 4. 자바스크립트 실행 순서

- [javascript] 5. 자바스크립트 객체 란?

- [javascript] 6. 자바스크립트 값 복사와 참조 복사

- [javascript] 7. 자바스크립트 생성자 함수와 프로토타입(Prototype)