Object

그놈의 객체 자바에서도 자바스크립트에서도 징하게 배울 삘이다.

 

다만 자바에서는 객체의 단위를 클래스로 불렀구나 하고 알게된거 같다. 

일단 레츠고

 

var nctdream = {
      "king":"jeno",
      "아가":"renjun"
    };
      document.write("king : "+nctdream.king+"<br>");
      document.write("길림 : "+nctdream.아가+"<br>");
      nctdream.no = "nana";
      document.write("노니드 : "+nctdream.no+"<br>");
      nctdream["늙음"] = "mark";
      document.write("아저씨 : " + nctdream.늙음 + "<br>");

객체 만드는 법이다

{}안에 key: 값 

이런식으로 만들어서 저장을 하고

 

nctdream.key 이렇게 쓰면 그 값을 불러 올 수 있다. 

 

객체 안에 다른 값을 추가하기 위해서는 nana, mark를 추가한 방법을 확인해보면 된다. 

 

 

그럼 객체를 만들고 데이터를 넣었으니 불러오는 방법도 알아야지

우선 key 값들을 다 꺼내주는 문법은 아래와 같다. 

 

for(var key in nctdream){
           document.write(key+'<br>');
        }

for 문법을 쓰면 nct dream 안에 있는 모든 key 값 들을 꺼내올 수 있다. 

 

근데 보통은 key 값이 아니라 그 안에 저장되어 있는 데이터 값을 꺼내오고 싶어 할거다. 

그러면 간단하게 해결할 수 있다. 

 

  for(var key in nctdream){
           document.write(nctdream[key]+'<br>');
        }

nctdream[key] 이렇게 써주면 key 안에 저장되어 있는 값을 불러 올 수 있다. 생각보다 간단하다. 

 

  for(var key in nctdream){
           document.write(key+ " : "+nctdream[key]+'<br>');
        }

그래서 최종적으로 이렇게 써주면 하나하나 불러왔을때와 결과는 똑같지만 코드는 훨씬 간단하게 적을 수 있다. 

 

그리고 객체에는 String이나 숫자만 넣을 수 있는게 아니라, 함수도 넣을 수 있다. 

그래서 nctdream 객체에 소속된 값을 전부 불러오는 함수를 만들고 그것을 실행시키는 코드를 써봤다. 

 

nctdream.showAll = function(){
            for(var key in this){
               document.write(key+ " : "+this[key]+'<br>');
            }
          }
          nctdream.showAll();

this는 자기자신을 가르키는 선택자이다. 

다만 이렇게 쓰면 showAll이라는 함수도 객체안에 포함되기 때문에, 실제로 찍어보면 저 함수 문법까지 그대로 나온다. 

 

여튼 중요한거는 객체 안에 함수도 포함시킬수 있고, 객체안에 포함된 함수는 Method라고 불린다는 것이다. 

 

그리고 객체에 포함된 값들은 property라고 부른당