[JavaScript] 자바스크립트 내장 함수

자바스크립트에는 자주 사용되는 기능을 제공해주는 기본 함수가 있다. 이것을 '내장 함수'라고 한다.

이 포스트에서는 다음의 6가지 내장 함수를 소개한다.

• 인코딩/디코딩 함수
• 숫자 판별 함수
• 유무한 판별 함수
• 숫자 변환 함수
• 문자 변환 함수
• 자바스크립트 코드 변경 함수

 

1. 인코딩/디코딩 함수

encodeURIComponent(): 영문, 숫자와 ()-_.~*!'를 제외한 유니코드 문자 인코딩

decodeURIComponent(): 원상태로 디코딩

 

인코딩은 글자가 깨지는 것을 방지하기 위해 포장하는 과정이라고 생각하면 된다. 영어를 사용한다면 문제 없지만, 한글과 같은 유니코드 문자를 사용할 때는 인코딩이 필요할 수 있다.

 

 

2. 숫자, 유/무한 값 판별 함수

isNaN(): 숫자인지 아닌지 판별. 숫자가 아니면 true, 숫자면 false 반환

isFinite(): 유한이면 true, 무한이면 false 반환

isNaN()과 isFinite()는 true와 false를 반대로 생각하기 쉬워서 주의가 필요하다.

isNaN은 is not a number의 준말로, 숫자가 아닌지를 묻는 함수라고 생각해야 한다.

또한 isFinite()는 infinite() 혹은 isInfinite()가 아님을 명심하자.

 

 

3. 숫자, 문자 변환 함수

Number(): 숫자로 변환

parseInt(): 숫자와 문자 포함시 정수 부분만 숫자로 변환

parseFloat(): 숫자와 문자 포함시 소수 부분까지 숫자로 변환

String(): 문자로 변환

 

 

4. JS 코드 변경 함수

eval(): 문자를 자바스크립트 코드로 변경

eval() 메서드는 var로 선언한 변수만 인식할 수 있다. let과 const는 인식하지 못하므로 주의해야 한다.