2023.10.18
Day43_세 줄 요약
객체의 선언 방식은 배열의 선언 방식과 유사
객체는 key값과 value값 두 가지로 구성
for(let 변수 in 객체명) 방식으로 객체정보 반복적으로 받아오기 가능
객체
Object
key값과 value값으로 구성된 변수type의 한 종류
두 가지 선언 방식이 있음
- let obj = {};
- let obj = new Object();
기존에 없는 key : value를 추가하거나, 기존에 있던 값에 덮어쓸 수 있음
source code
<script>
// key값 : value값
let car = {
company : "Tesla",
name : "ModelX",
type : "electric",
color : "white"
};
car.num = "321두1234"; // 기존 객체에 없는 키 : 추가
car.name = "ModelY"; // 기존 객체에 있던 키 : 덮어쓰기(수정)
console.log(car);
let person = new Object();
person["name"] = "홍길동";
person["age"] = 20;
person["phone"] = "010-1234-5678";
person.addr = "인천시 미추홀구 학익동";
console.log(person);
// i라는 변수에 car의 key값이 차례로 담김
// value 값은 car[i]로 받아올 수 있음
for(let i in car){
console.log(`i : ${i} | car[${i}] : ${car[i]}`);
}
for(let i in person){
console.log(`i : ${i} | person[${i}] : ${person[i]}`);
}
</script>
실행결과
'Spring-Java > Front-End' 카테고리의 다른 글
Day45_Interval 함수, Date(), Timer예제 (3) | 2023.10.22 |
---|---|
Day44_계산기, ATM 예제 (0) | 2023.10.21 |
Day42_배열, 배열의 다양한 기능 (1) | 2023.10.21 |
Day41_자바스크립트, 자료형, 변수와 함수(addEventListener, jQuery) (1) | 2023.10.21 |
Day40_상속, 넘침 (0) | 2023.10.16 |