JavaScript 내장 함수에대해 알아보자.

내장함수란?

• 내장함수란 함수의 일종으로 js에 기본적으로 생성되있는 함수들을 의미한다. 이러한 내장함수를 활용하여 개발자는 그 기능을 직접 만들지 않아도 함수를 호출하는것만으로도 해당 기능을 사용할 수 있게된다. js가 제공하는 내장함수는 다양하지만 이번시간에는 그중에서 많이 쓰이는 내장함수들에대해 알아보고자 한다.

 

 

 

setTimeout()

• setTimeout() 함수는 시간을 설정하여 해당 시간뒤에 지정한 함수를 실행하는 함수이다. 시간을 설정할때의 단위는 ms 이며 1초는 1000ms이다.

//함수의 양식
setTimeout(함수,시간);

//함수 사용 예시
setTimeout(function(){
	console.log("hello");
},1000);

 

 

 

 

setInterval()

• setInterval() 함수는 setTimeout() 과 동일하지만 지정한 시간을 간격으로 무한 반복된다는 점에서 다르다. 시간 단위는 ms로 동일하며 1초는 1000ms 이다.

//함수 양식
setInterval(함수,시간);

//함수 사용 예시
setInterval(function(){
    console.log("hello");
},1000);

//1초 단위로 hello 가 계속 출력

 

 

 

clearInterval()

• clearInterval() 함수는 setInterval() 함수와 짝꿍이며 setInterval() 함수를 중지하는 함수이다.

//코드 양식
clearInterval(중지할interval값);

//코드 사용 예시
let hello = setInterval(function(){
    console.log("hello");
},1000)

//일정시간뒤에 1번실행되는 코드
setTimeout(function(){
    stopInterval();
},4001)

//interval을 중지시키는 함수
let stopInterval = () => {
    clearInterval(hello);
}


//위 코드의 출력결과

hello
hello
hello

//프로그램 종료

 

 

 

 

parseInt()

• parseInt() 함수는 문자열을 정수로 변환해주는 함수이다. 사용자에게 값을 입력받을때 

// //함수 양식
parseInt(문자열);

//함수 사용 예시
let number = parseInt("93" + "12");

console.log(number);
// 9312 출력

 

 

 

 

prompt()

• prompt() 는 사용자로부터 입력값을 받을 수 있도록 해주는 함수이다. 이를 통해 사용자와 상호작용하는 프로그램을 개발할 수 있다.

 

 

 

하지만 prompt() 함수를 사용할때의 주의점은 사용자로부터 받은 입력값은 문자열로 처리된다는 점이다. 예를 들어 사용자로부터 2개의 숫자를 입력받고 서로 더한값을 출력하는 코드를 작성했을때 코드 및 결과는 아래와 같다.

 

let number1 = prompt("첫번째 번호를 입력해주세요");	//12 입력
let number2 = prompt("두번째 번호를 입력해주세요");	//34 입력
document.write("두 숫자를 더한 값: " + (number1+number2));

 

결과

 

 

12와 34를 더한값은 46이다. 하지만 1234가 출력되었다. 이는 산술연산자가 데이터를 문자열로서 처리했기때문이다. 따라서 46이라는 값을 얻으려먼 parseInt() 함수를 이용하여 데이터타입을 변형해주면 된다.

 

let number1 = parseInt(prompt("첫번째 번호를 입력해주세요"));	//12 입력
let number2 = parseInt(prompt("두번째 번호를 입력해주세요"));	//34 입력
document.write("두 숫자를 더한 값: " + (number1+number2));

 

결과

 

 

isNaN()

• isNaN() 함수는 매개변수로 받은 값이 NaN 값인지 아닌지를 판단해 참 혹은 거짓을 리턴해주는 함수이다. 조건문과 같이 쓰여져 예외처리로도 사용할 수 있다.

let nan_ture = NaN;
let nan_false = 10;

console.log(isNaN(nan_ture));	//true 출력
console.log(isNaN(nan_false));	//false 출력

 

 

 

 

isFinite()

• isFinite() 함수는 매개변수로 받은값이 무한한값인지 아닌지를 판단해 참 혹은 거짓을 리턴해주는 함수이다.

let finite = 10;
let infinite = Math.pow(2,1024);

console.log(isFinite(finite));		//true 출력
console.log(isFinite(infinite));	//false 출력

 

 

 

 

 

 

eval()

• eval() 함수는 문자열로 구성된 연산식의 결과값을 반환해주는 함수이다. 

//코드 양식
eval(값);

//코드 사용예시
console.log(eval(10 + 10));	// 20 출력
console.log(eval(10 * 10));	// 100 출력
console.log(eval(10 - 10));	// 0 출력

//코드 응용
let leftNum = parseInt(prompt("좌변을 입력하시오"));
let rightNum = parseInt(prompt("좌변을 입력하시오"));
let cal = prompt("연산기호를 입력하시오");
document.write("결과값: " + eval((leftNum + cal + rightNum)))

 

사용자 입력

결과창

 

 

 

confirm()

• confirm() 함수는 사용자에게 확인 또는 취소 중 입력값을 받아 참 또는 거짓을 리턴해주는 함수이다.

//코든 양식
confirm(값);

//코드 사용 예시
if(confirm("동의하시겠습니까")){
	document.write("동의하셨습니다.");
}
else{
	document.write("비동의하셨습니다.");
}

확인창

확인을 누른경우(왼쪽사진) 와 취소를 누른경우(오른쪽사진)

 

 

 

 

 

alert()

• alert() 함수는 매개변수안에있는 문자열을 경고창으로 출력해주는 함수이다. 

//코드 양식
alert(문자열);

//코드 사용 예시
alert("hello");