자바스크립트의 객체 (object)

영어로는 object라고 한다.

여러가지 값을 한번에 담을 수 있는 상자라고 생각하면 된다.

자바스크립트의 거의 모든것이 객체로 되어있기 때문에 객체를 아는 것은 자바스크립트를 아는데 굉장히 중요하다

 

객체만드는 법은 중괄호 {} 를 사용한다 .

 

 

ex)

 

{

  userName : '이름',

  userAge: 24,

  userBool : true,

  userNull : null

}

 

쉼표(,) 오른쪽에 있는 값을 value 왼쪽에 있는 값을 Key(값 이름) 이라고 부른다.

이렇게 키와 벨류 한쌍을 속성 영어로는 property라고 한다.

 

그래서 키를 propertyName , 값을 propertyValue 라고도 한다.

 

propertyName은 문자열 형태이며 propertyValue는 어떠한 자료형이라도 올 수 있다.

 

그래서 propertyName은 원래 문자열 처럼 ' ' 따옴표로 감싸주어야 하지만 감싸주지 않아도

자바스크립트가 자동형변환을 통해 문자열로 인식하기 때문에 일반적으로는 감싸주지 않아도 된다.

 

하지만 몇가지 규칙이 있다. 첫 글자는 무조건 문자, 밑줄(_), 달러 ($)로만 사용할 수 있고 띄워쓰기가 금지된다.

그리고 하이픈(-)도 쓸 수 없다. 만약 이러한 규칙을 어겨야 한다면 반드시 ' '로 감싸주어야 한다.

 

ex) 

user name // x

'user name' // o

1st // x

'1st' // o

hi-bye // x

'hi-bye' //o

 

propertyValue는 모든 자료형이 가능하고 null값이나 값 안에 또다른 객체를 만들 수도 있다.

 

ex)

{

  userName : '심명섭',

  food: {

    title : '스테이크',

    kg : 5

  }

}

 

typeof 연산자를 사용하여 타입을 확인하면 오브젝트 타입이라고 확인된다.