[jQuery] jQuery type 메소드의 활용 예시와 결과 해석

22 Dec 2023

jQuery

jQuery의 type 메소드는 주어진 변수의 데이터 타입을 반환합니다. 이 메소드를 사용하여 변수의 유형을 확인하고 처리 방법을 결정할 수 있습니다.

다음은 type 메소드의 활용 예시와 결과 해석입니다.

예시

HTML

<!DOCTYPE html>
<html>
<head>
  <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
</head>
<body>

  <div id="output"></div>

  <script>
    var str = "Hello";
    var num = 10;
    var bool = true;
    var arr = [1, 2, 3];
    var obj = { name: "John", age: 30 };

    $("#output").append("str의 데이터 타입: " + $.type(str) + "<br>");
    $("#output").append("num의 데이터 타입: " + $.type(num) + "<br>");
    $("#output").append("bool의 데이터 타입: " + $.type(bool) + "<br>");
    $("#output").append("arr의 데이터 타입: " + $.type(arr) + "<br>");
    $("#output").append("obj의 데이터 타입: " + $.type(obj) + "<br>");
  </script>

</body>
</html>

결과

str의 데이터 타입: string
num의 데이터 타입: number
bool의 데이터 타입: boolean
arr의 데이터 타입: array
obj의 데이터 타입: object

위의 코드는 변수 str, num, bool, arr, obj의 데이터 타입을 type 메소드를 이용하여 확인하고, 그 결과를 화면에 출력합니다.

결과를 해석하면 변수 str은 문자열, num은 숫자, bool은 부울, arr은 배열, obj는 객체로 정확하게 확인됩니다.

이러한 결과를 통해 우리는 각 변수의 데이터 타입을 확실히 알 수 있고, 이에 맞게 처리 방법을 결정할 수 있습니다.