[TIL-14] 생활코딩 WEB2 JavaScript-31~33

31. 객체와 반복문

• 객체의 데이터 모조리 가져와야 하는 경우 : "javascript object iterate(순회)" 검색
• for in
  • key 값 : 객체 안 정보의 이름. 원하는 정보에 도달할 수 있는 열쇠. 배열에서는 순서대로 정리되어있어서 index.
  • for(var key in coworkers) {
       코드
    }
    
    • coworkers라는 객체의 데이터의 수만큼 중괄호 속 코드가 실행됨. 그때마다 coworkers의 key 값들을 하나하나 변수값으로 사용.

 

32. 객체프로퍼티와 메소드

• 객체에는 문자뿐 아니라 숫자, 배열, 함수 등의 데이터 모두 담을 수 있음.
  • coworkers.showAll = function(){
      for(var key in this){
        document.write(key+' : '+this[key]+'<br>');
      }
    }
    • coworkers라는 객체의 변수 값으로 함수가 지정됨.
    • coworkers의 모든 데이터를 출력하는 함수.
      • showAll 자기 자신도 coworkers의 데이터 중 하나이므로 같이 출력됨.(for문 안에 if문으로 제외 가능)
    • 함수 안에 coworkers를 쓰면 객체의 이름 바뀔 때 문제됨. 그래서 이 함수가 소속된 객체를 가리키는 this 사용.
    • 위와 똑같은 함수를 정의하는 방법
      • var showAll = function( ){
        
        }
      • function showAll( ){
        
        }
• 이렇게 객체에 소속된 함수가 메소드. 객체에 소속된 변수는 프로퍼티.

 

33. 객체의 활용

• 본문의 배경색을 바꾸는 방법
  
  • body라는 객체를 만들고 그 안에 배경색 바꾸는 함수를 데이터로 넣음.
  • 사용할 때는 body.setBackgroundColor('black')