javascript 객체와 배열을 사용한 데이터 관리

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 <!DOCTYPE html> <html> <head>    <title>test</title>          <script>         var student0 = { 이름:'윤인성', 국어: 87, 수학: 98,영어: 80};         var student1 = { 이름:'연하진', 국어: 87, 수학: 98, 영어: 80};         var student2 = { 이름:'구지연', 국어: 87, 수학: 98, 영어 :80};         var student3 = { 이름:'니산즈', 국어: 87, 수학: 98, 영어: 80};         var student4 = { 이름:'윤아린', 국어: 87, 수학: 98, 영어: 80};         var student5 = { 이름:'윤명월', 국어: 87, 수학: 98, 영어: 80};         var student6 = { 이름:'김미화', 국어: 87, 수학: 98, 영어: 80};         var student7 = { 이름:'김연화', 국어: 87, 수학: 98, 영어: 80};         var student8 = { 이름: '박아현', 국어: 87, 수학: 98, 영어: 80 };              </script> </head> <body>   <h1 id="header">click</h1> </body> </html>      Colored by Color Scripter cs Colored by Color Scripter

cs

student0~8까지 배열생성

이걸 출력하려면 0~8까지 하나하나 출력을 해줘야됨;;;; 매우 귀찮은 일

치기도 귀찮음 ㅋㅋㅋㅋㅋ

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17

<script>         var student=[];        student.push ( { 이름:'윤인성', 국어: 87, 수학: 98, 영어: 80});        student.push ( { 이름:'연하진', 국어: 87, 수학: 98, 영어: 80});        student.push ( { 이름:'구지연', 국어: 87, 수학: 98, 영어 :80});        student.push ( { 이름:'니산즈', 국어: 87, 수학: 98, 영어: 80});        student.push ( { 이름:'윤아린', 국어: 87, 수학: 98, 영어: 80});        student.push ( { 이름:'윤명월', 국어: 87, 수학: 98, 영어: 80});        student.push ( { 이름:'김미화', 국어: 87, 수학: 98, 영어: 80});        student.push ( { 이름:'김연화', 국어: 87, 수학: 98, 영어: 80});        student.push ( { 이름:'박아현', 국어: 87, 수학: 98, 영어: 80});         var output='';         for (var key in student) {             alert(key + '\t' + student[key] + '\n');         }     </script> Colored by Color Scripter

cs

하나의 배열을 이용한 데이터 관리 위에보다 좀더 관리하기도 편하고 출력하기도 편해짐

그러나 하나의 데이터를 넣어줄때마다 계속 push를 해줘야됨 아직도 먼가 귀찮....

1 2 3 4 5 6 7 8 9 10 11

for (var i in student) {            //총점 산출            students[i].getSum = function () {                return this.국어 + this / 수학 + this.영어;            };      // 평균 산출            student[i].getAverage = function () {                return this.getSum / 4;            };        } Color Colored by Color Scripter

cs

하나의 요소에서 합과 평균을 산출하는 메서드를 추가시칸다.

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42

<script>         //객체 생성 함수         function makeStudent(name, korean, math, english) {             var willReturn = {                 //속성                 이름: name,                 국어: korean,                 수학: math,                 영어: english,                 //메서드                 getSum: function () {                     return this.국어 + this.수학 + this.영어;                 },                 getAverage: function () {                     return this.getSum() / 4;                 },                 toString: function () {                                          return this.이름 + '\t' + this.getSum() + '\t' + this.getAverage();                   }             };             return willReturn;         }         //학생정보 배열 생성         var students = [];         students.push(makeStudent('멍개', 100, 100, 100));         students.push(makeStudent('짱구', 90, 90, 90));         students.push(makeStudent('철수', 80, 80, 80));              var output = '이름/t총점/t평균\n';         for (var i in students) {             output += students[i].toString() + '\n';         }         alert(output);     </script> Colored by Color Scripter

cs

함수를 사용하여 객체 생성

하지만 이러한 방법은 거의 사용하지 않는다.