[JS]Object 기본개념

1. 오브젝트의 기본구성

• const ellie = {name: 'ellie', age: 4};

ellie - 오브젝트명

Key, Value를 합쳐서 property (속성) 이라고 부른다

name - Key

'ellie' - value

2. 오브젝트를 만드는법

1. const obj1 = {} // 'object literal' syntax
2. const obj2 = new Object() //' object constructor' syntax - class를 이용해 만드는 것

3. 호출법

1. 오브젝트명.key

• 이것은 key값이 정확하게 정해졌을때만 확인하고 호출할수있다.

2. 오브젝트명['key']

• 안에 값을 넣을때 스트링 형태로 넣어야한다
• 그리고 이것은 보통 오브젝트안의 음... 정해지지 않은 밸류값을 불러올때 쓴다

4. 오브젝트 메소드

const person1 = new Person ('ellie', 30); 
	//Constructor Function
 function Person(name, age) {
	// this = {}; 생략된것 
this.name = name; 
this.age = age; 
	//return this; 생략된것 }

1. 새로운 오브젝트를 생성할때는 보통 앞에 스펠링을 대문자로 쓰며
2. this라는 것을 써서 오브젝트 네임을 받아오게 할수있다.
3. Constructor Function

5. 키확인 법 (key in object)

1. ('key' in object)
2. 값은 true or false

console.log(key in obj) console.log('name' in ellie) //true

6. for..in, for..of

for(key in obj){
console.log(key);  = obj 안에 있는 모든 key값을 한번씩 반복

 

for(value of iterable)  
const array = [1, 2, 4, 5];
for(value of array){
console.log(value)
}   =  1, 2, 4, 5 출력  = array안에 있는 Value를 한번씩 출력해줌

7. 오브젝트 복사 Fun cloning

Object.assign(dest, [obj1, obj2, obj3...])
const user = {name: 'ellie', age: '20'};
const user2 = user;
user2.name = 'coder';
console.log(user); ===  {name: 'coder', age: '20'}; 안에 코드 바꾸는법 

복사법
1. const user4 = Object.assign({}, user); === user4 ===user 가된다
2. const user4 = {} // 먼저 만들려는 오브젝트를 선언해두고
    Object.assign(user4(Target), user(Source));           1번과 2번이 같다
3. 만약 복사하려는 Source와 Target이 키값이 겹치는 것이 있을때 뒤에 정의된 것이 덮어씌워져서 정의가된다