<JavaScript> 기본 문법(객체)

1. 객체

형식: key -value pair

1. 기본적인 객체 생성

// 해석: 객체= person, key= "name, age, gender", value= "홍길동, 30, 남자"
let person = {
    name: "홍길동",
    age: 30,
    gender: "남자"

};

2. 접근 방식

//2-1 객체명.메서드명
console.log("1", person.name);
console.log("2", person.age);
console.log("3", person.gender);

//2-2 Object.keys => 객체의 key를 배열로 출력
let keys = Object.keys(person); // 해석: person객체의 KEY를 변수 keys에 배열로 할당
console.log("keys==>", keys);

//2-3 Object.values => 객체의 value를 배열로 출력
let values = Object.values(person); // 해석: person객체의 Value를 변수 values에 배열로 할당
console.log("values==>", values);


//2-4 Object.entries => 객체의 key와 value를 배열로 출력
let entries = Object.entries(person); // 해석: person객체의 key와 value를 변수 entries에 배열로 할당
console.log("entries==>", entries);

//2-5 Obejct.assign => 객체의 key-value를 복사 및 수정
let assign = {};

Object.assign(assign, person);  //복사
console.log("assign==> ", assign);  

Object.assign(assign, person, {age: 100}); //수정
console.log("assign 나이 수정==> ", assign);

3. 생성자 함수를 이용한 객체 생성

function human(name, age, gender){
    this.name = name;
    this.age = age;
    this.gender = gender
};

let person1 = new human("홍길동", 30, "남자");
let person2 = new human("홍길순", 20, "여자");

4. 객체 비교

• 객체는 값이 저장되는 게 아닌 주소로 저장된다.
  
  

// EX) 주소: 1000,  1001
//            B      C

let B = {
    name: "이순신",
    age: 50,
    gender: "여성"

};

let C = {
    name: "이순신",
    age: 50,
    gender: "여성"

};
console.log(B === C);  // 1000 === 1001    false
console.log(JSON.stringify(A) === JSON.stringify(B));   // A의 값 === B의 값 true

5. 객체 병합

// ES6 명령어: spread operator(...) 
let X = {
    name: "이순신",
    age: 50,

};

let Y = {
    gender: "여성"

};

let perfectMan =  {...X, ...Y};
console.log(perfectMan);