ObjectArray

// 생성자 함수로 배열의 요소 추가

function Student(name, korean, math, english, science){
    this.name = name;
	this.kor = korean;
	this.math = math;
	this.english = english;
	this.science = science;
    this.getSum = function(){
        return this.kor + this.math + this.english + this.science;
    }
    this.getAvg = function(){
        return this.getSum() / 4;
    }
    this.toString = function(){
        return `성명 : ${this.name} / 총점 : ${this.getSum()} / 평균 : ${this.getAvg()}`;
    }
}

let students = [];  // 비어 있는 배열을 생성
let obj1 = new Student('홍길동', 80,65,98,78);  // Student 객체를 생성
students.push(obj1);   // students 배열에  obj1 객체를 추가

students.push( new Student('홍길남', 88, 88, 99, 75) );
students.push( new Student('홍길북', 85, 60, 85, 70) );
students.push( new Student('김길동', 65, 60, 75, 80) );
students.push( new Student('이길동', 75, 95, 85, 90) );
students.push( new Student('박길동', 90, 80, 75, 90) );

for(var i in students){   
    console.log( students[i].toString() );
}

 

 

// 객체에 문자열 연산과 함수와 변수 를 활용

 

let sayNode = function() {
    console.log('Node');
}; 
let myName = 'NodeJs';

let oldObject = {
	myName,
    sayNode,
    sayJS:function(){
        console.log('JS');
    },
}

console.log(oldObject.myName);
oldObject.sayNode();
oldObject.sayJS();

// myName : myName,
// 첫번째 myName : 멤버변수, 두번째 myName : 일반변수

// 멤버변수와 대입될값을 저장하고 있는 일반변수의이름 같다면, 위와 같이 한번만 써서 표현할 수 있습니다

sayNode:sayNode --> 함수를 멤버변수에 대입

 

 

let strVar = 'ES';
oldObject[strVar + '6'] = 'Fantastic';    //멤버 변수이름을 String 데이터의 조합으로 만듬
// 'ES6' 이라는 멤버변수 생성. 문자열 연산에 의해 변수이름을 조합한 예
console.log(oldObject.ES6);

-> ES6 멤버변수에 Fantastic 저장 

->Fantastic 출력

 

 

 

// const 변수로 객체 생성

const newObject = {
    myName,
    sayJS : function() {  console.log('JS');   },
    sayNode,
};
newObject.ES6 = 'Fantastic';

//const 로 생성한 객체는 변수가 객체로 고정되어 다른 데이터형으로 수정할수 없을뿐, 멤버의 변화까지 고정된건 아닙니다.

// newObject = ... // 변수에 다른 값 대입 ->에러

// newObject.???=XXX // 객체내에 새로운 멤버 생성 -> 정상실행

console.log( newObject.myName );  // myName
newObject.sayNode(); // Node
newObject.sayJS(); // JS
console.log(newObject.ES6); // Fantastic

 

 

 

// 객체의 구조분해 : 객체 내부의 멤버변수 또는 멤버메서드를 별도의 변수에 따로 저장하여 별도로 사용하기위한 문법

const sayJ = newObject.sayJS; // 객채내의 함수를 별도의 변수에 저장
sayJ();
const sayN = newObject.sayNode;
sayN();

var es6 = newObject.ES6;
console.log(newObject.ES6);
console.log(es6);

 

// 객체의 구조 분해를 하지 말아야 하는 경우 - this 를 사용하는 객체는 구조분해를 하지 않는것이 좋습니다

 

const candyMachine = {
    status: {
      name: 'node',
      count: 5,
    },
    getCandy() {
      this.status.count--;
      return this.status.count;
    },
};
console.log( candyMachine.getCandy() );
var getCandy = candyMachine.getCandy;
var count = candyMachine.status.count;
// getCandy();  // 에러   -  Cannot read properties of undefined (reading 'count')
console.log(count);

/ /객체 내의 메서드 가 구조 분해 되는 순간 안에 있던 this를 사용할 수없게 되므로 그 안의 count 또한 없는 변수가 되어 에러를 발생합니다.

 

 

 

 

 

 

 

// 객체의 구조분해를 한번에 실행

const newObject1 = {
    myName1 : 'NODE.JS',
    ['es' + 2]: 'Fantastic',
    sayJS : function() {  console.log('JS');   },
    sayNo  : function() {  console.log('NODE');   },
};
const { myName1 ,  es2, sayJS, sayNo } = newObject1;

console.log(myName1);
console.log(es2);
sayNo()
sayJS();

// 객체의 안의 변수이름을 그데로 사용하는것이 보통입니다

 

 

 

 

 

let array1 = ['nodejs', {}, 10, true];
let node1 = array1[0];
let obj3 = array1[1];
let bool1 = array1[3];
console.log(node1, obj3, bool1);

// 하나의 변수에 하나씩 추출

 

 

const array2 = ['nodejs2', {}, 20, false];
const [node2, obj2, , bool2] = array2;
console.log(node2, obj2, bool2);

// 한번에 추출