자바스크립트 데이터 타입

자바스크립트 데이터 타입

1) String 문자열

2) Number 숫자

3) Function 함수

4) Array 배열

5) Object 객체

6) Boolean 불린

7) Undefined 정의되지 않음

8) Null 널

 

 

---

1) String 문자열 "큰 따옴표" 또는 '작은 따옴표'안에 작성된 데이터

예시) var str1 = "color";

         var str2 = 'paint';

         var str3 = "100";

 

string 문자열 예시

 

참고

"큰 따옴표"와 '작은 따옴표'는 혼용 불가능

예시) var str1 = "color';       → 불가능

         var str2 = "It's me";    → 가능

         var str3 = 'It\'s me';  → 가능 

*역슬래쉬는 원화표시(\)로 입력

한글 폰트에서는 \로 영문폰트에서는 \ 로 표시가 된다고 함

티스토리에서는 기본 서체를 본고딕으로 바꾸면 역슬래쉬 입력 가능

혹은 ㄱ + 한자누르면 뜸

 

참고

 

 

 

 

---

2) Number 숫자 별도의 기호 없이 숫자를 입력한 상태

예시) var num1 = 1;     정수

         var num2 = -1;    음수

         var num3 = 1.2;  실수

 

Number 숫자 예시

 

반응형

 

 

 

---

3) Function 함수

3-1) 함수 생성 function 키워드로 생성

예시) var func1 = function(매개변수) {함수가 할수있는 일}

 

3-2) 함수 호출 함수 안에 있는 코드를 실행시키겠다는 뜻

예시) function func1()

 

 

매개변수 인자로부터 전달받은 값이 들어가는 통로 (생략 가능)

인자 함수에게 전달하는 데이터

return 함수 안에 데이터를 저장할 때 사용

*매개 양쪽 관계를 이어줌

 

커피머신 - 함수

원두 - 인자

투입구 - 매개변수

커피 - return

 

예시) var area = function(width, height) {return width * height;}

         area(100,150);

 

 

함수 데이터 호출 방법

예시) var area = function(width, height) {return width * height;}

         area(100,150);

         var result = area (100,150);

         console.log(result); 또는 console.log(area(100,150));

         이면 15000이 출력

 

Function 함수 예시

 

 

 

---

4) Array 배열 비슷한 성격을 갖고 있는 데이터를 하나의 변수 안에서 관리, index와 값으로 구성되어있음

예시) var color = ["red","orange","yellow"];

         console.log(color);

일때는 redorangeyellow 가 출력됨

 

Array 배열 예시

 

 

 

특정값 출력하기

* console.log 데이터 확인용

셋 중에 특정 값만 추출하고 싶으면

console.log(color); 대신에 console.log(color[0]); 을 입력하면됨

좌표값(index)은 0부터 시작이여서 red가 출력됨 

 

Array 배열 특정값 예시

 

 

 

배열 데이터 변경하기

예시) var color = ["red","orange","yellow"];

         color[0] = "green";

         console.log(color);

으로 입력하면 greenorangeyellow 가 출력됨

 

Array 배열 데이터 변경하기 예시

 

 

 

---

5) Object 객체 프로퍼티(property), 메서드(method), 데이터로 구성됨. 여러종류의 데이터 타입 삽입 가능

프로퍼티 : 속성 값

메서드 : 라면으로 하는 일

 

예시) var 라면 = {

프로퍼티             이름 : "틈새라면",    ← 데이터 

                            맵기 : 엄청매움,

                            종류 : [ "빨개떡", "매운짜장", "매운카레" ]

메서드               sum : function (num1, num2) { return num1 + num2; }}

 

Object 객체 예시

 

 

객체 데이터 출력하기

예시1)

var 라면 = { 이름 : "틈새라면",

                    맵기 : 8557,

                    종류 : [ "빨개떡", "매운짜장", "매운카레" ],

                     sum : function (num1, num2) { return num1 + num2; }}

console.log(라면.이름);  또는 console.log(라면['이름']); 

이면 틈새라면 으로 출력됨

 

Object 객체 데이터 출력하기 예시

 

 

 

객체 데이터 변경하기

예시1)

var 라면 = { 이름 : "틈새라면",

                    맵기 : 8557,

                    종류 : [ "빨개떡", "매운짜장", "매운카레" ],

                     sum : function (num1, num2) { return num1 + num2; }}

라면.이름 = "불닭볶음면"

console.log(라면.이름); 

이면 불닭볶음면 으로 출력됨

 

Object 객체 데이터 변경하기 예시

 

 

 

---

6) Boolean 불린 참 또는 거짓 데이터가 들어가 있는 상태

예시)

var t = true;

var f = false;

 

Boolean 불린 예시

 

---

7) Undefined 정의되지 않음 변수 안에 데이터를 입력하지 않은 상태 (데이터 없음)

예시)

var unde;

 

 

8) Null 널 개발자가 임의로 변수 안에 빈 데이터를 삽입한 상태 (빈 데이터 존재)

var empty = null;

 

Undefined 정의되지 않음와 Null 널 비교 예시

 

 

Undefined 정의되지 않음와 Null 널 비교 예시 1