본문 바로가기

Information

자바스크립트 2

반응형

***자료형(Data Type)***
연산에 사용되는 값의 종류

*상수 : 값이 정해져 있는 형식
1. 정수 (Number Object, 숫자 객체)
 - 음수(-), 소수(.)를 제외한 양의 실수
 - 8진수, 16진수 포함 (진수끼리 변환이 가능함)

2. 실수 (Number Object, 숫자 객체)
 - 실제 사용 가능한 모든 수

3. 문자형 상수(String)
 - 일반적인 텍스트
 - ""사용

4. 불린(boolean)
 - true(1) / false(0)의 형식

5. null
 - 값이 없음 <-> 값이 있음 (not null)

6. undefind
 - 값이 정의되지 않음

7. object
 - object : 키와 값으로 구성된 여러 개의 값
 - const a - {name:"john", class:1, subject:["KOREAN", "ENGLISH"]}
 - array(배열) : 여러 개의 값으로 구성된 자료형
   ㄴ> const a = ["aa", "bb", "cc"]
 -날짜/시간
   ㄴ> var data = new Date()

 

 

 

 

        console.log()     -> 개발자탭의 콘솔 탭에서 확인 가능함

 


 

 

<!DOCTYPE html>
<html lang="ko">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script>
        //console.log("aaaaa");
        document.write("TEXT : " +typeof("TEXT"));
    </script>
</head>
<body>
   
</body>
</html>
 
 

 

<!DOCTYPE html>
<html lang="ko">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script>
        //console.log("aaaaa");
        document.write("TEXT : " +typeof("TEXT"));
        document.write("<hr>")

        document.write("10 : " +typeof 10);
        document.write("<hr>")
    </script>
</head>
<body>
   
</body>
</html>

 

 

 

 

        document.write("true : "
        +typeof true);
        document.write("<hr>")

 

 

 

 

 

 

 

        var arr = ["aa", "bb", "cc"];
        document.write("arr[0]" + arr[0]);
        document.write("<hr>")

 

 

 

 

        document.write("arr[0]" + typeof arr);
        document.write("<hr>")

 

 

 

 

 

 

 

 

 


        var now_date = new Date();
        document.write("Date : " + now_date);
        document.write("<hr>");
        document.write("Date : " + typeof now_date);

 

  *변수(variable)


   1. 변할 수 있는 값
   2. 값을 저장하는 장소나 이름
   3. 변수 선언문
    - var : 변수 재선언 & 변수 재할당 가능, 생략 가능  ex) var abc
    - let : 재할당 가능, 재선언 불가능, 블록 스코프
    - const : 변수 재선언, 변수 재할당 불가능, 블록 스코프, 초기값 반드시 선언
    4. 선언과 동시에 값 입력 가능
      ex) var abc = 1

      var abc
      abc = 1

 


<!DOCTYPE html>
<html lang="ko">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>변수선언문</title>
    <script>
        var a = 1;
        a = 2;  // 값을 바꾸는것 -> 재할당

        var a = 3; // 재선언

        let b = 1;
        b = 2;
        let b = 3; // SyntaxError

    </script>

</head>
<body>
   
</body>
</html>

 

        const c = 1;
       // c = 2; //Type Error
        const c = 3; //SyntaxError
 
 
 
 
        const c;    (선언만 하면 값은 오류가남, 문법적 오류)

 

   
       const c = 1;       (값의 오류)
        c = 2;

 

 

 

     const c = ["aa", "bb", "cc"];
                               c = 2;   ㄴ> 에러
 
                               c[0] = "dd";
c 자체를 바꾸는건 안되지만 c 자체가 갖고있는 배열값이나 객체값은 바꿀 수 있음

 


 

<!DOCTYPE html>
<html lang="ko">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>지역변수/전역변수</title>
    <script>
        var a = 1;
        //document.write(a);

        var a = 2;
        //document.write(a);

        function change_var(){
            var a = 3;
        }

        document.write(a);
    </script>
</head>
<body>
   
</body>
</html>

 

 

        
 
function change_var(){
            var a = 3;
}
  document.write(a);
     
 
 
 
 
 
<!DOCTYPE html>
<html lang="ko">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>지역변수/전역변수</title>
    <script>
        var a = 1;
        //document.write(a);

        var a = 2;
        //document.write(a);

        function change_var(){
            a = 2;
            document.write(a + "//");//2
            var a = 3;
            document.write(a + "::::");//3
        }
        change_var();
        document.write(a);

        //function안에서 만들어진 변수들은 function 안에서만 사용할 수 있다.
    </script>
</head>
<body>
   
</body>
</html>
 
 
 
 
 
 
 
  //function안에서 만들어진 변수들은 function 안에서만 사용할 수 있다. -> 지역 변수 
 
 
 



       *var(선언문) 변수이름 = 값



       **이름 규칙**
       1. 알파벳, 숫자 사용 가능
       2. 한글, 특수문자, 공백 사용 불가
        (단, 특수문자 중 "_"는 사용 가능)
        3. 첫 번째 글자는 "_" 또는 알파벳만 가능
        4. 대소문자 반드시 구분
        5. 예약어 사용 불가
        
        
        
        +) 변수 이름만 봐도 어떤 뜻을 가지고 있는지 예상이 가도록 공부



**네이밍 표기법**
1. 스네이크 표기법 : student_name
2. 케밥 표기법 : student-name
3. 카멜 표기법 : studentName
4. 파스칼 표기법 : StudentName

728x90
반응형