Front-End - Main Menu/html5 + CSS3 + JavaScript (종합 예제)

ex10 - constObject

ITRecipe 2023. 2. 28. 12:30
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<title>const로 Object변수 만들기</title>
</head>
<body>

<h3>const변수로 Object를 만들면 속성 변경이 가능하다.</h3>
<p id="demo"></p>
<p id="demo1"></p>

<script>
const car = {
		tyep : "Fiat",
		model : "500",
		color : "whita"
};

/* - car = {type:"Volvo", model:"EX60", color:"red"}; 새로운 객체이므로 에러가 발생한다(주소가 다르다.)
   - 속성 변경은 각 속성에 접근하여 변경한다.
*/

car.type = "kia";
car.color = "blue";

//속성 추가도 가능하다.
car.owner = "kook";

document.getElementById("demo").innerHTML = "Car owner is " + car.owner;
document.getElementById("demo1").innerHTML = car.color;
</script>
</body>
</html>

'Front-End - Main Menu > html5 + CSS3 + JavaScript (종합 예제)' 카테고리의 다른 글

ex10 - arrowFunction  (0) 2023.03.02
ex10 - class  (0) 2023.02.28
ex10 - constArray  (0) 2023.02.28
ex10 - const 변수  (0) 2023.02.28
ex10 - let 변수 선언  (1) 2023.02.28