본문 바로가기
JavaScript

프로퍼티(property)

by asd135 2023. 10. 1.
728x90

프로퍼티(property)

 

객체의 구성요소이다. 객체는 키와 값으로 구성된 프로퍼티의 집합이다. 

 

프로퍼티 키

문자열 또는 심볼(Symbol)이어야 한다. 숫자, 불리언 등 다른 타입의 값이 키로 사용되면 자동으로 문자열로 변환된다.

 

공백, 하이픈(-), 기타 유효하지 않은 식별자 문자를 포함할 수 있지만 이 경우 점 표기법을 사용하여 해당 프로터리에 접근할 수 없고 대괄호([])를 사용해서 접근해야 한다.

 

프로퍼티 값

모든 데이터 타입(문자열, 숫자, 객체, 배열, 함수 등)을 가질 수 있다. 

 

함수가 값일 경우 해당 함수는 메소드라고 부른다. 메소드는 객체에 제한되어 있는 함수를 의미한다.

 


프로퍼티 접근 법

<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<title> 자바스크립트 </title>
</head>
<body>
	<script>
		var obj = {
		myKey: "value"
	};
	
	document.write(obj["myKey"]); // 대괄호 접근 법
	document.write(obj.myKey); // 점 접근 법
	</script>
</body>
</html>

 

프로퍼티 키가 유효하지 않은 식별자인 경우 접근 방법 

<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<title> 자바스크립트 </title>
</head>
<body>
	<script>
		var obj = {
		"my-key": "value"
	};
	
	document.write(obj["my-key"]); // 올바른 방법
	document.write(obj.my-key); // 오류 발생 (유효하지 않은 식별자)
	</script>
</body>
</html>
 

 

'JavaScript' 카테고리의 다른 글

웹브라우저에서 자바스크립트 실행 순서  (0) 2023.12.05
Jquery 선택자  (0) 2023.11.27
제이쿼리(jQuery)  (0) 2023.11.21
null, undefined 차이  (0) 2023.10.06
BOM(Browser Object Model)  (0) 2023.09.29