[JS]예제_구구단 만들기_함수+객체

하서율·2022년 7월 4일
0

인프런 예제

목록 보기
6/7

객체안에 함수와 배열 넣고/연결시켜 구구단 출력하기

Point

  • 객체 안에 배열을 추가한다
  • 객체 안에 함수를 추가해서 같은 객체 안에있는 배열에 결과 값을 넣는다.
  • 같은 객체 안에서는 객체이름대신 this.를 사용할 수 있다.



🟡 완성 코드 🟡

    gugudan = {};
    gugudan.result = [];   //객체안의 배열
    gugudan.current=-1     
     // 구구단 계산 속성
    gugudan.calculate = function(n){  // 객체 안의 함수
      this.current = n;
      for (let i = 1;i<10;i++){
        this.result[i] = i*n           // 객체이름대신 this를 사용하여 같은객체 안의 배열에 결과값을 넣어줌
      }
    }
     // 구구단 화면출력 속성
    gugudan.print = function(){
      document.write('<h2>'+ this.current + '단 <br> <br>')
      for (let i = 1;i<10;i++){
        document.write(this.current + "*" +i + '=' + this.result[i] + '<br>')
      }
    }
    gugudan.main = function(){
      for(let i = 2; i<10;i++){
        gugudan.calculate(i)
        gugudan.print()
      }
    }
    gugudan.main()



🔵 결과화면 🔵

2단~9단까지 출력됨

profile
매일 매일 기록하기

0개의 댓글