[함수] - 미리 정의된 전역 함수

• 미리 정의된 전역 함수
  • 자바스크립트의 어떤 타입의 객체에서도 바로 사용할 수 있다.

1. eval( )
   

   • // 문자열로 표현된 자바스크립트 코드를 실행하는 함수
     
     // 문법
     eval("문자열");
     
     // 예제
     
     var x = 10, y = 20;
     var a = eval("x + y");  // 30
     var b = eval("y * 3");  // 60
     document.write(a + "<br>") + b);  // 30 60

2. isFinite( )

   • // 전달된 값이 유한한 수인지 검사하여 그 결과를 반환
     // 만약 인수로 전달된 값이 숫자가 아니라면, 숫자로 변환하여 검사
     
     // 문법
     isFinite(검사할 값);

   • isFinite(123);  // true
     isFinite(123e100);  // true
     isFinite(0);  // true
     isFinite(true);  // true
     isFinite(false);  // true
     isFinite(null);  // true
     isFinite("123");  // true
     isFinite("");  // true
     
     isFinite("문자열");  // false
     isFinite(undefined);  // false
     isFinite(NaN);  // false

3. isNaN( )

   • // 전달된 값이 NaN인지 검사하여 그 결과 반환
     // 인수로 전달된 값이 숫자가 아니라면 숫자로 강제 변환하여 검사
     // 숫자인지 아닌지 확인하기 위해 typeof연산자를 사용할 수 있다.
     
     // 문법
     isNaN(검사할 값);

   • isNaN(123);  // false
     isNaN(123e100);  // false
     isNaN(0);  // false
     isNaN(true);  // false
     isNaN(false);  // false
     isNAN(null);  // false
     isNaN("123");  // false
     isNaN("");  // false
     
     isNaN("문자열");  // true
     isNaN(undefined);  // true
     isNaN(NaN);  // true

   • 숫자로의 강제 변환에 따라 예상치 못한 결과를 얻을 수 있어 ES6부터는 Number.isNaN( )메소드 권장
4. parseFloat( )

   • // 문자열을 파싱하여 부동 소수점 수(floating point number)로 반환
     
     // 문법
     parseFloat("문자열");
     
     // 예제
     parseFloat("123");  // 123
     parseFloat("123.000");  //123
     parseFloat("123.456");  // 123.456
     parseFloat("12 34 56");  // 12
     parseFloat(" 123 ");  // 123
     parseFloat("123 초콜릿");  // 123
     parseFloat("초콜릿 123");  // NaN

5. parseInt( )

   • // 문자열을 파싱하여 정수로 반환
     
     // 문법
     parseInt("문자열");
     
     // 예제
     parseInt("123");  // 123
     parseInt("123.000");  // 123
     parseInt("123.456");  // 123
     parseInt("12 34 56");  // 12
     parseInt(" 123 "); // 123
     parseInt("123 초콜릿");  // 123
     parseInt("초콜릿 123");  // NaN
     
     // parseInt(string, n)
     // string을 n진법일 때의 값으로 바꾼다.
     // n은 2부터 36까지 입력 가능
     
     parseInt("10", 10);  // 10
     parseInt("100", 2);  // 4
     parseInt("10", 8);  // 8
     parseInt("10", 16); // 16
     parseInt("0x10"); // 16
     parseInt("100", 40);  // NaN

6. encodeURI( ), encodeURIComponent( )
   • URI에서 주소를 표시하는 특수문자를 제외하고
   • 모든 문자를 이스케이프 시퀀스(escape sequences)처리하여 부호화한다.
   • encodeURIComponent( )함수는 URI에서 encodeURI( )함수에서 부호화하지 않은 모든 문자까지 포함하여 이스케이프 시퀀스 처리합니다.

   • // 문법
     encodeURI(부호화할 URI);
     encodeURIComponent(부호화할 URI);
     
     // 예제
     
     var uri = "http://google.com/search.php?name=홍길동&city=서울";
     
     var enc1 = encodeURI(uri);
     var enc2 = encodeURIComponent(uri);
     document.write(enc1 + "<br>" + enc2);
     
     // http://google.com/search.php?
     // name=%ED%99%8D%EA%B8%B8%EB%8F%99&city=%EC%84%9C%EC%9A%B8
     // http%3A%2F%2Fgoogle.com%2Fsearch.php%3Fname%3D%ED%99%8D%EA%B8%B8%EB%8F%99%26city%3D%EC%84%9C%EC%9A%B8

7. decodeURI( ), decodeURIComponent( )
   • decodeURI( )
     • encodeURI 또는 다른 방법으로 만들어진 URI(Uniform Resource Identifier)를 해독
   • decodeURIComponent( )
     • encodeURI 또는 다른 방법으로 만들어진 URI컴포넌트를 해독

   • // 문법
     
     decodeURI(해독할 URI);
     
     decodeURIComponent(해독할 URI);

   • // 예제
     
     var uri = "http://google.com/search.php?name=홍길동&city=서울";
     
     var enc1 = encodeURI(uri);
     var enc2 = encodeURIComponent(uri);
     document.write(enc1 + "<br>" + enc2 + "<br>");
     
     //(enc1) http://google.com/search.php?
     //(enc1) name=%ED%99%8D%EA%B8%B8%EB%8F%99&city=%EC%84%9C%EC%9A%B8
     // http%3A%2F%2Fgoogle.com%2Fsearch.php%3Fname%3D%ED%99%8D%EA%B8%B8%EB%8F%99%26city%3D%EC%84%9C%EC%9A%B8
     
     var dec1 = decodeURI(enc1);
     var dec2 = decodeURIComponent(enc2);
     document.write(dec1 + "<br>" + dec2);
     
     // http://google.com/search.php?name=홍길동&city=서울
     // http://google.com/search.php?name=홍길동&city=서울

8. escape( ), unescape( )
   • escape( ) => JS 1.5버전부터는 지원하지 않다 encodeURI( ), encodeURIComponent( )함수 대신 사용 
   • unescape( ) => JS 1.5버전부터는 지원하지 않다 decodeURI( ), decodeURIComponent( )함수 대신 사용 
   • escape( )
     • 전달받은 문자열에서 특정 문자들을 16진법 이스케이프 시퀀스 문자로 변환
   • unescape( )
     • 전달받은 문자열에서 escape( )함수나 다른 방법으로 만들어진 16진법 이스케이프 시퀀스 문자를 원래의 문자로 변환

   • // 문법
     escape("변환할 문자열");
     unescape("원래대로 변환할 문자열");
     
     // 예제
     var str = "Hello World ?#$";
     
     var esc = escape(str);
     var une = unescape(esc);
     
     document.write(esc + "<br>" + une);
     
     // Hello%21%09World%20%3F%23%24
     // Hello! World ?#$

9. Number( )

   • // 전달받은 객체의 값을 숫자로 반환
     
     Number(객체)
     
     // 예제
     
     Number("123");  // 123
     Number("123.000");  // 123
     Number("123.456");  // 123.456
     Number("12 34 56");  // NaN
     Number("123 초콜릿");  // NaN
     
     Number(true);  // 1
     Number(false);  // 0
     Number(new Date()); // 현재 날짜에 해당하는 숫자를 반환 => 1642842873489
     Number(null); // 0

10. String( )

    • // 전달받은 객체의 값을 문자열로 반환
      
      // 문법
      String(객체);
      
      // 예제
      String(123);  // 123
      String(123.456);  // 123.456
      String("123"); // 123
      String(new Date());  // 현재 날짜에 해당하는 문자열을 반환함 => Sat Jan 22 2022 18:16:31 GMT+0900 (한국 표준시)
      String(null);  // null
      
      String(true);  // true
      String(false);  // false
      String(Boolean(1));  // true
      String(Boolean(0));  // false