[객체] 객체 vs 함수 vs 적용 - 따로 관리 - 기초 / 성적 총점 및 평균 구하기

JavaScript 객체 관리

JavaScript 객체 관리

728x90

총점 및 평균 구하기 - 구현

---

        <script>

            

            // 성적 총점과 평균 구하기

        // 3. 속성과 함수의 기능을 모두 가진 함수를 한꺼번에 생성

        // 좀 더 이해하기 쉬운 코드 > 코드 관리가 쉬워진다

        // 객체구현 vs 데이터생성 vs 메인프로세스

        // <객체 구현>

        function createStudent(name, art, poem, liter, dance) {

            // 객체를 만들고

            var object = { 

                // 키 : 매개변수

                이름: name, 

                미술: art, 

                시: poem, 

                문학: liter, 

                춤: dance, 

            };    

        // <데이터 생성>  메서드 추가

            object.getSum = function(){

                return this.미술 + this.시 + this.문학 + this.춤;

            };

                

            // students의 i번째에 getAverage라는 함수를 만든다

            object.getAverage = function(){

                return this.getSum() / 4;

            };

            

            object.toString = function () {

                return this.이름 + "\t" + this.getSum() + "\t" + this.getAverage() + "\n";

            };

            

            // 곧바로 리턴

            return object;

        }

        // 배열 생성

        var students = [];

 

        // .push() 메서드 :  배열에 요소 추가 가능

        students.push(createStudent("명월", 80, 90, 70, 88));

        students.push(createStudent('경덕', 88, 99, 95, 67));

        students.push(createStudent('이황', 88, 99, 55, 67));

        students.push(createStudent('이이', 81, 79, 55, 67));

        students.push(createStudent('이계', 81, 79, 95, 77));

        students.push(createStudent('구지', 88, 91, 95, 77));

        students.push(createStudent('셜록', 68, 91, 95, 97));

        students.push(createStudent('윤슬', 68, 99, 95, 97));

        students.push(createStudent('화랑', 85, 99, 95, 67));

        students.push(createStudent('태극', 85, 99, 95, 67));

        

 

        // <메인 프로세스> 

        // 출력

        var output = "이름\t총합\t평균\n"

        for (var i = 0; i < students.length; i++) {

            output += students[i].toString() + '\n';

         }

        // 콘솔에 출력

        console.log(output); 

 

    </script>