js data(변수에 담을 수 있는 자료형)

쁘띠경·2024년 7월 5일

js

목록 보기
3/41
post-thumbnail

변수에 저장할 수 있는 자료형


자료형이란(date type) '데이터의 형태'를 뜻한다.
변수에 담을 수 있는 자료형의 종류로는 문자형(String), 숫자형(Number), 논리형(Boolean),
빈데이터(Null, undefined)가 있다.







  1. 문자형 데이터(String)
          --------------------------------
          문자형 데이터는 문자나 숫자를 큰 따옴표나 "" '' 작은 따옴표로
          감싸고 있으면 문자형 데이터이다.
          문자형 데이터에 html태그를 포함하여 출력하면 태그로 인식한다.
          문자형 데이터에 숫자가 들어있으면 이것을 '문자형 숫자'라고 부르며, 연산할 수 없다.
          [기본형]
          "var 변수명="문자 또는 숫자";
  1. 숫자형 데이터(Number)
        ---------------------------
        숫자형 데이터는 단어 의밀 그대로 숫자를 뜻한다. 만약 '100'과 같이 큰 따옴표가
        숫자를 감싸고 있다면 숫자가 아닌 문자형 데이터이다.
        문자형 숫자를 다시 숫자로 변환하고 싶다면 Number('문자형 숫자')를 이용하면
        문자를 숫자로 바꿀 수 있다.
        또 parseInt('문자형 숫자')도 문자-> 숫자로 바꿔준다.
          [기본형]
          var 변수명=숫자;
          var 변수명=Number('문자형 숫자');
          
  1. 논리형 데이터(Boolean)
      ---------------------------
      논리형 데이터에는 true(참) 또는 false(거짓)가 있다.
      이 데이터는 주로 두 개의 데이터를 비교할때 사용한다. 
      그래서 결과값은 무조건 true아니면 false값이 나온다. 
      Boolean()매서드에 데이터를 입력하면 논리형 데이터인
      true 또는 false를 반환한다. Boolean()매서드에서는 
      0,null,undefined,""(빈 문자)를 제외하고 모든 값을
      true로 반환한다. 
        [기본형]
        var 변수명=true or false;
        var 변수명=숫자 > 숫자;
        var 변수명=Boolean(문자 또는 숫자);
  1. null & undefined
        -----------------------------
        undefined는 변수에 값을 할당하기 이전에 들어있는 기본값. 
        null은 변수에 저장된 값이 null이라는 뜻이며, 기존의 값을 
        비우기 위해 사용함. 
        [기본형]
        var 변수명; => undefined가 할당된 상태. 
        var 변수명=null=> 기존 데이터 비우기 (휴지통 상태)

이게 기본값임!!!!!!!!
근데 만약
인라인 속성을 갖고 있음 텍스트라서 그래서 줄바꿈을 해주고 싶으면 , "
"을 추가해서 넣어주면 된다.

1. 문자형 데이터(String)
"var 변수명="문자 또는 숫자";

(문자형 데이터는 태그를 직접 넣어 적용할 수도 있다 !)








2. 숫자형 데이터(Number)
var 변수명=숫자;
var 변수명=Number('문자형 숫자');

콘솔창에서 확인해보기

색이 다른 것을 확인 할 수 있다.
숫자는 파란색
문자는 검정색
이걸 문자에서 ->숫자로 만들면 아래방법에서 볼 수 있다.


같은 색 = 숫자로 바뀐 것을 확인할 수 있다.






Boolean()매서드에서는
0,null,undefined,""(빈 문자)를 제외하고 모든 값을
true로 반환한다. 이걸 제외한 모든 값은 true로 나온다.

3. 논리형 데이터(Boolean)
var 변수명=true or false;
var 변수명=숫자 > 숫자;
var 변수명=Boolean(문자 또는 숫자);


typeof

지정한 데이터 또는 변수에 저장한 데이터의 자료형을 알고싶을때
사용한다.

        [기본형]
         typeof 변수명 또는 자료형;

  • ** typeof
    문자와 숫자를 구분해준다.
    구조를 짜다보면 뭐가 뭔지 모르기 때문에

**


변수 이름 지을때 주의 사항

		 1. 변수명의 첫 글자로는 $,_,영문자만 올 수 있다. 
         2. 변수명의 첫 글자 다음으로는 영문자, 숫자, $, _만 올 수 있다. 
         3. 변수명으로는 예약어(document, string, number...)를 사용할 수 
            없다. 예약어란 이미 자바스크립트에서 사용중인 키워드를 말한다. 
         4. 변수명을 지을 때에는 되도록이면 의미를 부여해서 짓는것이 좋다. 
         5. 변수명을 사용할때에는 대소문자를 구분해야한다. 
profile
안녕하세요 ! 발전을 위해 매일 도전하는 퍼블리셔 류영경입니다.

0개의 댓글