본문 바로가기

Language/Java Script

자바스크립트 내장 함수

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



출처: https://doitnow-man.tistory.com/127?category=751277 [즐거운인생 (실패 또하나의 성공)]

'Language > Java Script' 카테고리의 다른 글

JQuery animate를 pure자바스크립트로 만들기  (0) 2020.04.21
자바스크립트 실행 순서  (0) 2020.03.15
jQuery  (0) 2020.03.05
함수형 프로그래밍  (0) 2020.03.05
객체지향 프로그래밍 응용 예제  (0) 2020.03.05