JavaScript : [ Variable, Array, Object, Function]

오늘은 Javascript의 기본적인 개념에 대해서 정리해보겠다.

 

 

I. Variable(변수)

 

변수는 정보들을 저장할 수 있는 저장소이다. 뒤에 나오는 세 단어들(var, let, const)은 변수를 선언할 수 있다.

 

     1. var 변수들은 변수값을 바꿀 수 있고 재선언 할 수 있다.

 

          var greeter = "hey hi";

          greeter = "say Hello instead";

 

          var greeter = "hey hi";

          var greeter = "say Hello instead";  

 

 

     2. let 변수들은 변수 값을 바꿀 수는 있지만 재선언을 할 수 없다.

 

          let greeting = "say Hi";

          greeting = "say Hello instead";

 

          let greeting = "say Hi";

          let greeting = "say Hello instead"; // error: Identifier 'greeting' has already been declared

 

 

     3. const 변수들은 변수 값을 바꿀 수 없고 재선언도 할 수 없다.

         

          const greeting = "say Hi";

          greeting = "say Hello instead";// error: Assignment to constant variable.

 

          const greeting = "say Hi";

          const greeting = "say Hello instead";// error: Identifier 'greeting' has already been declared

 

 

         

II. Array(배열)

 

배열[]은 한번에 한 개보다 더 많은 값을 가질 수 있다.

 

 

 

       

 

        - 배열 값의 순서는 0부터 시작한다. daysOfWeek 배열 값의 순서는 0~4까지이다.

 

        - 배열에서 특정 값을 꺼내기 위해서는 변수 뒤에 '[순번]'을 써야된다. 만약 daysOfWeek에서

         'Mon'을 꺼내고 싶으면 daysOfWeek[0] 라고 하면된다. 

 

III. Object

 

object{}는 properties 또는 methods라는 값들을 가지고 있는 변수이다.

 

        1. Property

 

 

           

           - property는 property와 property value값으로 나눌 수 있다. 

 

           - 위 코드에서 aboutMe가 object이고 name, age, hobby... 가 property고 "Brad", 29,

             "basketball" 이 property value이다.

 

 

           

        2. Method

             Method는 *function이지만 property처럼 저장되어 있다.

                                                                 *function에대한 설명은 다음 주제에 설명되어있습니다.

 

 

 

 

               - 위 코드에서 'fullName'이 method이다.

 

 

 

IV. Function

Function은 어떤 특정한 것을 실행하기 위해 짜여진 a block of code 이다.

 

 

 

 

 

Function Syntax 이미지

 

Function Example 이미지

           

 

 

            - Function Syntax를 설명하자면, 먼저 function이 들어가고 그다음 name에는 변수처럼 

              원하는 단어를 쓰고 괄호'( )'안에 parameter를 쓴다 필요한 만큼 쓰면 된다. 필요없으면

              안써도 된다. 그 다음 대괄호'{ }'안에 실행되길 원하는 코드를 적으면 된다. 

 

 

            - 두 이미지를 비교하면서 어떻게 function을 작성하는지 이해하면 될 것 같다.

 

 

            - function을 실행시키기 위해서는 name을 적고 parameter 값을 적어주면 된다.

              (두번째 이미지 참고)