본문 바로가기
Spring-Java/Front-End

Day43_객체

by 현대타운301 2023. 10. 21.

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>

 

 

실행결과