자바스크립트 - 변수와 자료형

주석

주석은 코드에 스크립트실행시 읽지않음 

참고용으로 사용가능

자바스크립트 주석은 2가지가 존재함

<script>
    //    한줄짜리 주석
    /*
        여
        러
        줄 주석
    
    */
   </script>

 

변수

변수는 변수 선언과 대입으로 나뉘어져있다.

변수키워드는 var(ES6 부터는 사용안하는거 추천), let

<script>
        // 변수 선언
        let str;
        // 대입
        str = '변수';
        // alert로 출력
        // alert(str);

        // 선언과 대입 동시에
        // 같은 이름의 변수 재 선언 불가
        // let str = '이름';
        let name = '이름';
        console.log(name);
    </script>

 

변수 명명 규칙

1. 문자, 숫자, '&', '_' 사용가능

2. 첫 글자는 숫자가 될 수 없음

3. 예약어 사용 불가 ex) let, const, var 등등

4. 카멜 표기법 사용 ex) userName(o), username(x)

 

<script>
        // 유효한 변수명
        let userName;
        let number1;
        let number_2;
        let number$;

        // 유효하지 않은 변수명
        // let 1number;
        // let number#4;

        // 유효하지만 권장하지 않음
        let 변수 = '변수입니다';
        console.log(변수);
    </script>

 

상수 선언과 대입

상수는 변수와다르게 한번초기화 하면 값을 변경할수없음

키워드로는 const 사용함

상수의 주의사항으로는 선언과 대입을 따로할수없음

  <script>
        // const
        const PI = 3.141592;
        // 재 할당 시 오류 발생
        // PI = 3.14;

        console.log(PI);

        // 선언 시 할당해야 함
        // const NUM;
        // NUM = 123;
    </script>

 

자바스크립트 자료형

자바스크립트는 느슨한 타입언어, 혹은 동적 언어 변수의 타입을 미리 선언할 필요가 없으며 타입은 프로그램이 처리되는 과정에서 자동으로 파악 됨.

같은 변수에 여러 타입의 값을 넣을수 있다는 의미

 

자료형 목록

1. Number : 정수,실수

2. String : 문자, 문자열

3. Boolean : 논리

4. Sysbol : 후에 알아볼 내용

5. Object : 객체

 

Number

숫자 : 정수 및 실수

let age = 20;
let height = 171.5;

String

문자열 : 따옴표로 묶음 = '내용', "내용", `내용` 3가지방식으로 사용가능

let str2 = 'single';
let str3 = "double";

 

Boolean

논리값 : true, false로 표시함

let bool = true; // 답 : true
let bool2 = 1 == 2; // 답: false

 

객체

원시 자료형

let user = {
            name : "홍길동", age : 30, id : 'user01'
        };
console.log(user);
console.log(user.name);
console.log(user.age);
console.log(user.id);

 

잘못나왔을때의 값

Infinity

숫자를 무한으로 표시할때 나오는 값

NaN

Not a number

숫자의 값을 나타낼수 없음

 

Null

존재하지 않는 값, 알 수 없는 값, 비어있는 값

 

Undefined

값이 할당되지 않은 상태

 

 

 

---

https://memory-develo.tistory.com/89

자바스크립트 - 데이터 입출력