[JavaScript] 객체

자바스크립트에서 객체는 아래와 같이 중괄호 {}를 이용해 생성 가능하다.

<script>
	var product = {
		제품명: '7D 건조 망고',
		유형: '당절임',
		성분: '망고, 설탕, 메타중아황산나트륨, 치자황색소',
		원산지: '필리핀'
	};
</script>

 

콜론의 왼쪽은 키이고, 오른쪽이 속성이다.

객체의 요소에 product[키] 또는 프로퍼티 접근자를 이용해 product.키 로 접근 가능하다.

(product.키 방법을 더 많이 사용한다고 한다.)

 

ex. product['제품명'] ===> '7D 건조 망고'

      product.제품명 ===> '7D 건조 망고'

 

단, 식별자가 아닌 문자를 키로 사용했을 때는 무조건 대괄호를 사용해야 접근 가능하다.

<script>
	var object = {
		'with space': 273,
		'with ~!@#$%^&': 52
	};
</script>

object['with space'] ===> 273