프로그래밍/자바스크립트

자바스크립트 내장 함수

오치리일상 2017. 3. 10.

내장 함수

 

자바스크립트에서 기본으로 제공하는 함수를 말한다.

많이 봐왔던 alert()가 대표적인 내장 함수이다.

 

그 외에 다른 내장 함수를 살펴본다.

 

 

입력창 > prompt()

 // 입력창  // prompt(param1, param2); var result =  prompt('알림 메시지', '입력 메시지'); document.write("prompt 입력 결과값: " + result + "
"); 

 

타이머 함수 > setTimeout() / clearTimeout() / setInterval() / clearInterval()

// 타이머 함수 // 특정 시간에 함수를 실행하는 함수 // setTimeout(함수, 시간/ms) - 일정 시간 후 함수를 한번 실행한다. var timeoutID = setTimeout( function () { document.write('setTimeout 함수 실행
'); }, 2000); // clearTimeout(id) - 일정 시간 후 함수 한번 실행하는 것을 중지한다. // setTimeout()에서 리턴된 값을 clearTimeout의 매개변수로 넣는다.  clearTimeout(timeoutID); // setInterval(함수, 시간/ms) - 일정 시간 마다 함수를 반복해서 실행한다. var intervalID = setInterval( function () { alert('setInterval 함수 1000/ms 마다 실행: ' + new Date() + '
'); }, 1000); // clearInterval(id) - 일정 시간 마다 함수를 반복하는 것을 중지한다. // setInterval() 에서 리턴된 값을 clearInterval()의 매개변수로 넣는다. setTimeout( function () { clearInterval(intervalID); }, 5000);

 

코드화 실행 함수 > eval()

// 코드화 실행 함수  // 문자열을 코드화 시켜서 실행할 수 있는 함수이다. // eval(string);  // 코드화 시킬 문장열을 변수에 대입한다. var value = 'var str = "자바스크립트 만세";' value += 'document.write(str);';  // 문자열을 코드화 한다. eval(value);   

 

숫자 확인 함수 > isFinite()

// isFinite() - number가 무한한 값인지 확인하는 함수. // 유한한 수이면 true , 무한한 수이면 false를 리턴한다. var num1 = 10 / 1; var num2 = 10 / 0; document.write("num1: " + isFinite(num1) + " / num2: " + isFinite(num2) + "
");

 

숫자 확인 함수 > isNaN()

// isNaN() - number가 NaN인지 확인하는 함수 // NaN이면 true, NaN이 아니면 false를 리턴한다.  // NaN일때 document.write("isNaN(NaN)은 " + isNaN(NaN) + " 입니다" + "
");  // NaN이 아닐때 document.write("isNaN(NaN)은 " + isNaN(10) + " 입니다" + "
");  

 

정수 변환 함수 > parseInt()

// 정수 변환 함수 // parseInt(string);  // 문자열을 정수로 변환하여 사칙연산이 가능하다. document.write("parseInt('200') + parseInt('300') = " + (parseInt('200') + parseInt('300')) + " 입니다" + "
"); // Number()함수로 숫자인지 확인 document.write("Number(parseInt('200'))은 " + Number(parseInt('200')) + " 입니다" + "
"); // 문자열 왼쪽에서부터 숫자가 아닌곳까지 숫자로 변환해준다. document.write("Number(parseInt('200원'))은 " + Number(parseInt('200원')) + " 입니다" + "
"); document.write("Number(parseInt('2천00원'))은 " + Number(parseInt('2천00원')) + " 입니다" + "
"); document.write("Number(parseInt('삼200원'))은 " + Number(parseInt('삼200원')) + " 입니다" + "
");  

 

유리수 변환 함수 > parseFloat()

// 유리수 변환 함수 // parseFloat(string);  // 문자열을 유리수로 변환하여 사칙연산이 가능하다. document.write("parseFloat('200.123') + parseFloat('300.456') = " + (parseFloat('200.123') + parseFloat('300.456')) + " 입니다" + "
"); // Number()함수로 숫자인지 확인 document.write("Number(parseFloat('200.123 '))은 " + Number(parseFloat('200.123')) + " 입니다" + "
"); // 문자열 왼쪽에서부터 숫자가 아닌곳까지 숫자로 변환해준다. document.write("Number(parseFloat('200.123원'))은 " + Number(parseFloat('200.123원')) + " 입니다" + "
"); document.write("Number(parseFloat('2천00.123원'))은 " + Number(parseFloat('2천00.123원')) + " 입니다" + "
"); document.write("Number(parseFloat('삼200.123원'))은 " + Number(parseFloat('삼200.123원')) + " 입니다" + "
"); 

 

 

 

댓글

💲 추천 글