JavaScript Data type

JavaScript Data type의 종류는 다음과 같다

 

 

1. Number

2. String

3. boolean

4. object

5. Array

6. Function

...추가예정

위 데이터 타입에 대해서 자세히 알아보자

 

 

 

 

1. Number

 

 자바스크립트에서는 모든 숫자를 표현 가능하다.

        let num1 = 10;

        let num2 = 20;

        let num3 = 3.14;

        let num4 = -3;

 

 

2. String 

문자열 타입은 텍스트 데이터를 나타내는 데 사용한다.
문자열 표기법에는 " ", ' ', ` ` 이 존재한다.

        let myName = "홍길동";

        let yourName = '김구라';

        let ourName = `해골`;

` ` 을 사용하면 여러줄의 문자열을 편리하게 작성 가능하다.

        let str1=`

            하나

            두울

            세엣

        `;

 

 

3. boolean

참과 거짓을 나타낼때 사용하는 boolean type
boolean type 데이터가 들어가는 변수의 이름을 대화식으로 지으면 가독성이 좋다. (isXXX, canXXX)

        let isRun=true;

        let isWait=false;

        let canEat=true;

        //왼쪽이 오른쪽 보다 큰지 비교

        let result=10>1;

        //왼쪽이 오른쪽보다 작거나 같은지 비교

        let result2 = 10<=1;

        //양쪽의 값이 같은지 비교

        let result3 = 10==10;

        //양쪽의 값이 다른지 비교

        let result4=10!=10;

 

 

4. object 

하나의 변수명으로 여러개의 데이터를 관리하기위해 사용한다.

사용예시) let 변수명 = {key:value, key2:value2, ...};

        let mem1={num:1, name:"홍길동", isMan:true};

        //object 의 특정방에 넣을 데이터를 변수명으로 불러와서 넣을수도 있다.

        let mem3 = {num:num, name:name, isMan:isMan};

        //위를 줄여서 아래와 같이 object 를 만들수도 있다.

        let mem4 = {num, name, isMan};

let a=mem1; // mem1에 있는 object type 값을 a에 복사

let b=mem1.num;

let c=mem1.name;

let d=mem1.isMan;

a 는 object type

b는 number type

c는 String type

d는 boolean type

 

 

5. Array

여러개의 데이터를 순서에 맞게 관리하기위해 사용한다. 

사용 예시) let 변수명 = [key, key2, key3 ...];

        let foods=["라면", "치킨", "피자"];

        let a=foods[0];

        let b=foods[1];

foods[0]의 값이 라면 이므로 a는 "라면"이 출력된다.

foods[1]의 값이 치킨 이므로 b는 "치킨"이 출력된다.

 

배열에는 주로 한가지 type 의 데이터만 담는게 일반적이다.

        let nums=[10, 20, 30, 40, 50];

        let names=["김구라", "해골", "원숭이", "주뎅이", "덩어리"];

        let data=[true, true, false, false, true];

숫자타입은 nums, 문자타입은 names, 불리언타입은 data

 

배열에 object type의 데이터도 선언이 가능하다.

        let members=[

        {num:1, name:"김구라", addr:"노량진"},

        {num:2, name:"해골", addr:"행신동"},

        {num:3, name:"원숭이", addr:"상도동"}

        ];

ex) members[0].addr = 노량진

      members[2].num = 3

 

 

6. Function

특정 시점에 일괄 실행할 javascript 를 모아 놓기위해 사용한다.

        let pushapple = function(){

        //사과를 냉장고에 넣기

        console.log("냉장고 문을 연다");

        console.log("사과를 집어 넣는다");

        console.log("냉장고 문을 닫는다");            

        };

ex) 웹 브라우저에 pushapple() 입력 시 작성된 console.log 출력됨.

function type 을 만드는 방법은 3가지 있다.

 

1. 처음부터 이름이 있는 함수를 만든다.

        function greet() {

            console.log("안녕하세요");

        }

 

2. 이름이 없는 함수를 만들어서 변수에 대입

        let greet2 = function() {

            console.log("안녕하세요2");

        };

 

3. 이름이 없는 함수를 간략히(화살표 함수) 만들어서 변수에 대입

        let greet3 =()=>{

            console.log("안녕하세요3");

        };

 

3번의 방법이 주로 쓰인다.

 

 

function type 의 영역

function 의 중괄호 안에 속한 영역은 local(지역) 영역 입니다.

local 영역 안에 정의된 자원들은 해당 local 영역에서만 사용이 가능하다.

            function test() {  

                let yourName="해골"

                console.log(yourName);

            };

위 함수안에서 정의된 yourName 의 변수는 해당 함수 내에서만 사용 가능하고

함수바깥에서 yourName 을 호출해도 없는 변수라고 나온다.

함수 영역 안에서는 바깥 영역에서 정의된 자원들은 사용할 수 있다.

        <script>

            let myName = "홍길동";

           

            function test() {

                let yourName="해골"

                console.log(yourName);

            };

            function test2() {

                console.log(myName);

                test();

            }

        </script>

myName , test는 test2 함수의 바깥에서 선언되었지만 test2 내에서 사용할 경우 정상적으로 결과값이 나오는 모습

 

 

Function 의 리턴 type

 

number type 을 리턴하는 함수

        function getNum() {

            console.log("getNum() 호출됨");

            return 999;

        };

 

string type 을 리턴하는 함수

        function getName() {

            console.log("getName() 호출됨");

            return "kimgura";

        }

 

boolean type 을 리턴하는 함수

        function getEven() {

            console.log("getEven() 호출됨");

            return true;

        }

 

object type 을 리턴하는 함수

        function getMember() {

            console.log("getMember() 호출됨");

            let mem={num:1, name:"김구라", addr:"노량진"};

            return mem;

        }

 

array type 을 리턴하는 함수

        function getFriends(){

            console.log("getFriends() 호출됨");

            let friends=["김구라", "해골", "원숭이", "주뎅이", "덩어리"];

            return friends;

        };

 

 

function 의 매개 변수

함수에 전달되는 값을 전달 받을 변수이며 let 을 선언하지 않는다.
매개 변수는 해당 함수 안에서만 사용할수 있다.

        let printMsg = function(msg) {

            console.log("----------");

            console.log(msg);

            console.log("----------");

        };

        printMsg("Hello");

위 코드에서 msg 는 매개 변수이다.

따라서 printMsg("Hello"); 는 다음과 같은 결과로 출력된다.

기존 console.log(msg); 의 msg 값이 String type 인 Hello 으로 입력되어 출력된다.