[JS] 데이터 타입

✔ 데이터 타입

- 자료의 형태

- 초콜릿도 다양한 종류가 존재하듯 변수에 전달되는 데이터 타입에도 여러 종류가 존재

 

🔥 종류 (8가지)

- String : 문자열

- Number : 숫자

- Function : 함수

- Array :배열

- Object : 객체

- Boolean : 불린

- undefined : 정의되지 않음

- null : 빈 데이터

---

✔ String (문자열)

- "큰 따옴표" 또는 '작은 따옴표' 안에 작성된 데이터

- 예시 이미지의 str3도 입력된 값은 숫자 20이지만 큰 따옴표로 감싸주었기 때문에 문자열로 봄

 

🔍 주의 사항

- 문자를 감쌀 때 큰 따옴표와 작은 따옴표를 혼용할 수 없음

- 문자 안에 따옴표 중 하나가 들어갈 경우 해당되지 않는 따옴표로 감싸줌

    => He's 처럼 작은 따옴표가 있을 경우 큰 따옴표로 감싸줌

- 문자 안에 있는 따옴표와 같은 종류로 감싸줄 경우, 문자열 안에 있는 따옴표 앞에 역슬래시(\)를 함께 입력

---

✔ Number (숫자)

- 별도의 기호 없이 숫자 입력

- 정수, 음수, 실수 모두 취급

---

✔ Function (함수)

- 반복되는 작업을 함수로 만들어서 편리하게 관리할 수 있음

 

 

- 함수 생성

    - 방법1 : var 함수명 : function() {}

        - 함수명을 변수로 선언하여 지정

        - 소괄호 () 는 매개변수 지정

        - 중괄호 {} 는 함수가 하는 일 / 작업을 나타냄

    - 방법2 : function 함수명() {}

        - function 키워드로 함수를 바로 생성

 

- 함수 호출

    - 함수명으로 호출

    - 함수 안에 있는 코드를 실행시키겠다는 의미

 

- 매개변수

    - 소괄호 () 안 => (width, height)

    - 인자로부터 전달받은 값이 들어가는 통로

    - 상황에 따라 생략 가능

 

- 인자

    - 함수 매개변수로 전달하는 데이터

    - 함수 호출 시 소괄호 안에 작성

 

- return

    - 함수 안에서 계산된 데이터를 저장할 때 사용

    - 함수 호출이 데이터를 불러오는 것과 같은 기능을 함

 

- 함수 커피 머신과 비슷함

- 투입구(매개변수)에 원두(인자)를 넣어 커피(return)를 만드는 것과 같음

---

✔ Array (배열)

- 비슷한 성격을 갖고 있는 여러 개의 자료를 하나의 변수에 담아 관리하는 것

 

🔍 배열 데이터 추출

- index (좌표값)

    - 배열의 변수명[index_number]

    - 배열에서 원하는 자료만 추출할 때 사용

    - 0부터 시작하고, 왼쪽에서부터 순차적으로 증가

 

🔍 배열 데이터 변경하기

- 인덱스를 사용하여 접근 후 새로운 데이터를 대입함

---

✔ Object (객체)

- 배열과 비슷하지만 다름

- 프로퍼티, 데이터, 메서드로 구성

    => 프로퍼티 : 학생의 이름 나이 등 여러 속성들

    => 데이터 : 각각의 프로퍼티에 해당하는 정보

    => 메서드 : 학생이 할 수 있는 일

 

🔍 객체 데이터 출력하기

- 방법1 : 객체명.프로퍼티명 => student.name

- 방법2 : 객체명["프로퍼티명"] => student["name"]

 

🔍 객체 데이터 변경하기

- 객체명.프로퍼티명 = "변경할 새로운 데이터" => student.name = "Park"

- 객체를 출력할 때와 마찬가지로 데이터 변경을 원하는 프로퍼티를 불러와서 할당

---

✔ undefined & null

- undefined

    - var 변수명; => var unde;

    - 변수 안에 데이터를 입력하지 않은 상태 => 데이터가 없는 것

 

- null

    - var 변수명 = null; => var empty = null;

    - 개발자가 임의로 변수 안에 빈 데이터를 삽입한 상태 => 빈 데이터를 지정한 것

---

✔ Boolean

- 참(true) 또는 거짓(false)을 구분하는 데이터