Part 3. Javascript 데이터와 상태

Javascript는 명령형 언어의 특징대로 상태를 만들고 변경할 수 있다.

 

 

상태

상태는 데이터를 의미한다. 다르게는 '값'이라고 표현하기도 한다.
값은 여러 종류가 존재한다.

- Number(숫자)
  ex) let num = 37;

- String(문자열)
  ex) let str = '안녕하세요';

- Boolean(논리값)
  ex) let num1 = true;

- Null(값이 없는 것을 의미)

- NaN(숫자가 아닌것)

- Symbol(심볼)
  ex) let symbol = Symbol();

- Object(객체)
   ex) let obj = {
                              name:'윤윤',
                              age:26
};

 

 

 

---

 

값을 저장하다

자바스크립트의 모든 값은 '변수'의 공간에 저장할 수 있습니다. 
변수는 식별자 중 하나이며 예약어를 제외하고 원하는 이름으로 지정 가능합니다.
값을 만들고 다시 사용하기 위해서는 변수에 저장 즉, 데이터를 연결해야 합니다.

 

ex1) let num;
         num = 10;

ex2) let num = 10;

ex3) let num=10, num2=20;

여기서 let은 변수를 지칭한다. 

그리고 변수의 이름은 'num'이다.
그리고 변수 안에는 10이라는 값이 들어있게 된다.

이 값 안에 앞에 언급했던 number, string, nul, boolean, function, object 등이 들어갈 수 있다. 

 

값을 저장해서 console을 통해 결과를 확인합니다 :

 

모든 값은 계산될 수 있으며, 사칙연산이거나 더 넓은 의미로 해석되기도 한다.
숫자가 아닌 경우에는 규칙에 따라 다양하게 동작하기도 한다.

ex) 대상 중 하나가 문자열일 경우 = > 계산 대상을 모두 문자열로 변환 후 문자열을 결합한다.

 

 

 

 

---

 

객체(Object)

유사한 성격의 값을 하나의 값으로 그룹 짓는다.  여러개의 값이 하나의 그룹으로 지어진 값이다.

 

객체의 값을 불러왔습니다 :

 

 

여기서 콤마로 구분되는 것을 '객체의 속성'이라고 부른다. 
속성 중 앞에 기재되는 것을 '객체의 키'라고 부르고 : 뒤를 '값'이라 부른다.
즉, 속성은 키:값의 관계로 이뤄져 있다. 

 

 

객체의 속성 값을 사용할 때

마침표나 []를 사용. 
보통은 마침표를 더 많이 사용합니다.

 

객체의 속성의 값은 또 객체로 지정할 수 있습니다 :

 

속성은 기본적으로 변수입니다. 어떤 값이던 담을 수 있으며 객체도 담을 수 있습니다.
포함관계처럼 보이기도 하지만, 깊이에 제약은 없습니다.

 

 

 

---

 

형(Type)

값은 형을 표현하는 수단이다. 이를 타입이라 부르기도 한다.
모든 값은 타입을 가지며 이는 값의 종류를 포함하는 더 큰 개념으로 확장된다.

 

기본 제공되는 타입을 기본 타입이라 말하는데
Number, String, Boolean, Null, Object, undefined가 있다.

 

참고자료 

 

{ Code } Playground