728x90
반응형

typeof

  
- 자료형을 소문자 문자열로 반환
  
typeof 변수명 | 데이터 or
typeof( 변수명 | 데이터 )
  
var box;

숫자형
box =30;
document.write(typeof(box)); // number

문자형
box = "50원";
document.write(typeof box, "<br>"); // string
document.write(Number(box), "<br>") // NaN
/* 숫자형자료형으로 바꿔라 => box = "50원" 이기 때문에 숫자형으로 바꾸지 못함 */
document.write(typeof(Number(box)); // number


 
// 논리형
- 매개인자값으로
  0, null, underfined, '', "" 값을 넣을 경우는 false반환
- 존재하는 값을 넣을 경우는 true 반환
 
var a = true; // ' '작은따옴표로 묶인 상태가 아니라 문자열x
var b = false;
var c = 10>5;
var d = Boolean(2); // Boolean()생성자 함수

document.write(a); //true
document.write(b); //false
document.write(c); //true
document.write(d); //true
  
var t;
document.write("값을 할당받지 못 한 상태: " +t); //undefined
t = "hello";
document.write("값이 초기화된 상태: " +t); //hello
t = null;
document.write("값이 비워진 상태: " , t); //null
t= "";
document.write("값이 빈 문자열인 상태: ", t); //공란
  
배열 자료형 : 요소값의 자료형이 달라도 상관없다.
let fruits = ["Banana", 50, false, "Mango"];
document.write(
fruits[0] ,fruits[1] + ", " + fruits[2] + ", " + fruits[3]);
//Banana50, false, Mango
 
//Object 자료형 : java의 HashMap자료형과 유사함.
        // java의 Object자료형과 다른 개념임.
const car = {type:"Fiat", model:"500", color:"white"};
document.write(Object.keys(car)[0]+ ":" +car.type);
//type:Fiat
document.write(Object.keys(car)[1]+ ":" + car["model"]);
//model:500
document.write(Object.keys(car)[2]+ ":" +car.color);
//color:white
 

 

typeof
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>제목</title>
    <script>
        //typeof 변수명|데이터 or typeof(변수명|데이터)
        // :해당 변수나 데이터의 자료형 확인
        // : 자료형을 문자열로 반환함
        // "string", "function"
        document.write(typeof "Hello"); /* typeof 자료형을 문자열(소문자) 값으로 */
        if(typeof "Hello" == "string") document.write("문자열값<br>");
        else document.write("문자열이 아닙니다.<br>");

        document.write("<br>");
        document.write(typeof( 'H' ));
        document.write("<br>");

        var num = 123;
        document.write(typeof num, "<br>");
        document.write(typeof( true ), "<br>");
        document.write(typeof( 0.5 ), "<br>");
        document.write(typeof( function(){ }) ); /* 익명 함수 함수라는 자료형으로 반환*/
        if(typeof( function(){}) == "function") document.write("함수입니다.<br>");
        else document.write("함수가 아닙니다.<br>");

        document.write("<br>");
        document.write(typeof( { } ));

        /* 
        javascript object 자료형 형식
        {키: 값, 키: 값, ...}
        = java의 map자료형과 유사
        = json방식이라고도 함.
        JSON(JavaScript Object Notation: 자바스크립트의 오브젝트자료형 표기형식)
        */

    </script>
</head>
<body>
    
</body>
</html>​

 

'
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>자료형 - 숫자, 논리형</title>
    <script>
        // 숮자형
        var box;
        box =100;
        box = 30;
        document.write(box, "<br>");
        document.write(typeof(box), "<br>");

        // // 문자형
         box = "50원";
         document.write(typeof box, "<br>");
         // NaN : Not A Number
         document.write(Number(box), "<br>") /* 숫자형자료형으로 바꿔라 => box = "50원" 이기 때문에 숫자형으로 바꾸지 못함 */
         document.write(typeof(Number(box)), "<br>")

         // 논리형
         var a = true;
         var b = false;
         var c = 10>5;
        // Boolean()생성자 함수
        // 매개인자값으로 0, null, underfined, '', "" 값을 넣을 경우는 false반환
        // 존재하는 값을 넣을 경우는 true 반환
        var d = Boolean(2);

        document.write(a, "<br>");
        document.write(b, "<br>");
        document.write(c, "<br>");
        document.write(d, "<br>");

        var t; 
        document.write("값을 할당박지 못한 상태: " +t, "<br>");
        t = "hello";
        document.write("값이 초기화된 상태: " +t, "<br>");
        t = null;
        document.write("값이 비워진 상태: " , t, "<br>" );
        t= "";
        document.write("값이 빈문자열인 상태: ", t, "<br>");

        // 배열 자료형 : 요소값의 자료형이 달라도 상관없다.
        let fruits = ["Banana", 50, false, "Mango"];
        document.write(
            fruits[0] ,fruits[1] + ", " + fruits[2] + ", " + fruits[3] + "<br>"
        );

        //Object 자료형 : java의 HashMap자료형과 유사함.
        // java의 Object자료형과 다른 개념임.
         const car = {type:"Fiat", model:"500" , color:"white"};
        document.write(Object.keys(car)[0]+ ":" +car.type+"<br>");
        document.write(Object.keys(car)[1]+ ":" + car["model"]+ "<br>");
        document.write(Object.keys(car)[2]+ ":" +car.color +"<br>");
    </script>
</head>
<body>
    
</body>
</html>​

728x90
반응형
저작자표시 비영리 변경금지

'[JS]' 카테고리의 다른 글

operator  (0) 2024.02.27
[JS] operator  (0) 2024.02.27
variable  (0) 2024.02.26
prompt  (0) 2024.02.26
[JS] JavaScript  (0) 2024.02.26

+ Recent posts

티스토리툴바