[3] Object

✅ Object

자바스크립트는 객체 기반의 프로그래밍 언어이며, 자바스크립트를 구성하는 거의 '모든 것' 이 객체이다. 객체는 0개 이상의 프로퍼티로 구성된 집합이며, 프로퍼티는 key와 value 로 구성된다.

var person = { name: 'ellie'};
// name은 key 이며, ellie은 value 이다.

key: 빈 문자열을 포함하는 모든 문자열 또는 심벌 값.
value: 자바스크립트에서 사용할 수 있는 모든 값.

✅ 프로퍼티 접근방법

console.log(ellie.name); // ellie
console.log(ellie['name']);  // ellie

프로퍼티 접근 방법에는 마침표 표기법과 대괄호 표기법이 있다.

✅ 프로퍼티 값 갱신, 동적생성, 삭제

//1. 갱신
person.name = 'Kim'; // {name: "Kim"}
//2. 동적 생성
person.age = 20; // person 객체에는 age 프로퍼티가 존재하지않는다.
                // 따라서 person 객체에 age 프로퍼티가 동적으로 생성되고 값이 할당된다.
                // {name: "Kim", age: 20}
//3. 삭제
delete person.age; // age 프로퍼티가 삭제된다.                 

✅ Property value shorthand

const person1 = {name: 'bob', age:2};
const person2 = {name: 'steve', age:3};
const person3 = {name: 'dave', age:4}; // 매번 선언해줘야 하는 걸까?

function Person(name, age){ // Constructor Function 
    // this = {};
    this.name = name;
    this.age= age;
    // return this;
} // 이렇게 하고나서

const person4 = new Person('ellie', 30); // 이렇게 선언하면된다.

✅ in operator

// in operator : 해당 하는 키가  오브젝트 안에 있는지 없는지 확인.
console.log('name' in ellie); // true or false 반환

✅ for..in vs for..of

for (key in ellie) {
    console.log(key);    
}


const array =[1,2,3,4,5];
for (let i=0; i<array.length; i++) {
     console.log(array[i]);
} // for..of 를 사용하면 더 쉽개 해결된다!

for (value of array){
    console.log(value);
}  

---

드림코딩 강의를 듣고 작성하였습니다.👍