본문 바로가기

자바스크립트

[자바스크립트] - ★객체 표현 방식 / 변수에 간단하게 객체를 넣기 / 객체 생성

객체 - 인스턴스 / 속성 - 프로퍼티 

 

 객체 표현 방식 
  
변수에 간단하게 객체를 넣고자 할 때 사용하는 방법. 
객체를 생성할 때 new키워드를 이용해서 객체를 생성했다. 
만약 이것을 좀 더 간략하게 표현하면 아래와 같은 문법을 쓸 수 있다. 

[ 기본형 ]


         var 참조변수 = {
            속성1 : 속성값1,
            속성2 : 속성값2,
            속성3 : 속성값3,
            속성4 : 함수
         }

- 객체의 속성값을 불러올 때 

객체의 속성값을 확인하고자 할 경우

객체(변수명).속성명; 을 해주면 해당 객체 속성의 속성값을 확인할 수 있다. 
        

 

- 만약 속성 값을 바꾸고 싶다면 

 

객체(변수명).속성명 = 속성값; 을 해주면 된다. 

     
      document.write(myObj.name, "<br>");
      document.write(myObj.age, "<br>");
      document.write(myObj.gender, "<br>");
 

속성값을 볼려면 변수값.속성명 으로 따로 각각 불러와서 볼 수 있다. 

 var myObj = {
        name: "김댕댕",
        age: 23,
        gender: "female",
        info: function () {
          document.write("안녕하세요. 제 이름은" + this.name + "입니다");
        },
      };

myObj.info(); //info함수 호출.

 info는 안에 함수로 document.write 넣어놔서 다시 document.write쓰면 오류나기 때문에 변수값.info(); 이렇게 불러와준다.