자바스크립트 객체 배열을 사용하여 다량의 데이터 관리

 

객체 배열을 사용하여 다량의 데이터 관리 

 

     const person = {name: "기다운", age: 30, gender: "남"};

            const person1 = {name: "김정현", age: 20, gender: "여"};

            const person2 = {name: "허완", age: 4, gender: "남"};

            const person3 = {name: "최서은", age: 23, gender: "여"};

            const person4 = {name: "강사님", age: 20, gender: "여"};

            const pArr = [person, person1, person2, person3, person4];

 

 

객체로 선언한 변수들을 

배열 안에 각각 객체들을 넣는다. 

 

 

  for (let i = 0; i < pArr.length; i++) {

                pArr[i].point = 0;

            }

 

pArr 배열 안에 들어있는 객체들에게 

각 인덱스마다 

point라는 속성을 추가한다 

 

각 인덱스마다 toString 메소드 추가한다 : 

   for (let i = 0; i < pArr.length; i++) {

                pArr[i].toString = function() {

                    return `name: ${this.name}, age: ${this.age}, gender: ${this.gender}, point: ${this.point}`;

                };

            }

 

 

    for (let person of pArr) {

                area6.innerHTML += person.toString() + "<br>";

            }

 

 

생성자 함수 : 

new 키워드를 통해서 객체를 생성할 수 있는 함수 

(함수명 첫글자를 대문자로 작성)

 

    function Person(name, age, gender, point){

            this.name = name;

            this.age = age;

            this.gender = gender;

            this.point = point

 

 

 

자바와 마찬가지로 생성자를 생성한다. 

 

  this.toString = function(){

                return `name: ${this.name}, age: ${this.age}, gender: ${this.gender}, point: ${this.point}`;

       

            }

 

    function test7(){

                const person0 = new Person("임수진",20,"여",100);

                        // = {name: "xx", age: }

                const person1 = new Person("윈터",20,"여",100);

           

                const area7 = document.getElementById("area7");

                area7.innerHTML = person0 + "<br>";

                area7.innerHTML += person1 + "<br>";

            }