🌞 객체 Object

• 키 key 와 값 value 로 구성된 프로퍼티
• 중괄호
• 각 프로퍼티는 쉼표로 구분, 마지막 프로퍼티는 쉼표 생략가능

<script>
const myDog = {
 	name: 'rong',
    age: 10,
}
</script>

Object 접근, 추가, 삭제

<script>
const myDog = {
 	name: 'rong',
    age: 10,
}

// 접근
myDog.name // 'rong'
myDog['age'] // 10

// 추가 
myDog.gender = 'male';
myDog['hairColor'] = 'black';

// 삭제
delete myDog.gender;


</script>

프로퍼티 존재 여부 확인

<script>
const myDog = {
 	name: 'rong',
    age: 10,
}

myDog.birthDay; // undefined
'birthDay' in myDog; //false
'age' in myDog; //true
</script>

---

<script>
function person(name,age){
 return {
 	name,
    age,
    hobby: "baseball"
   };
}

const Jane = person('Jane',20);
console.log(Jane)

// {
  "name": "Jane",
  "age": 20,
  "hobby": "baseball"
 }
</script>

---

---

for .. in - key 와 value

• key 반환

<script>
const ku = {
		name: "Kurong",
  		age: 10
	};

for(x in ku){
	console.log(x)
}
// "name" "age"  -->  key를 반환

</script>

• value 반환

<script>
const ku = {
		name: "Kurong",
  		age: 10
	};

for(x in ku){
	console.log(ku[x]) // ku['name'] , ku['age']
}

// "kurong" 10  -->  value를 반환

</script>

🌞 객체 method / this

-> fly 함수가 슈퍼맨 객체의 메소드이다.

---

<script>
const Kurong = {
  name: "Kurong",
  sayHi: function() {
      console.log(`Hi i'm ${this.name}.`)
  }
};

Kurong.sayHi();
// "Hi i'm Kurong."
</script>

---

boy로는 접근할수없고 man으로만 접근할수잇다.
변수는 포스트잇처럼 가리키는 거!

🌞 배열

배열은 문자 뿐만 아니라 함수, 숫자, 객체 등을 포함할 수 있다.

pop(제거) & push (추가)

배열 끝 요소를 제거하고 추가해봅시다

<script>
let days = ['월','화','수'];
days.pop()

console.log(days) // ['월','화']

----

let days = ['월','화','수'];
days.push('목')

console.log(days) // ["월","화","수","목"]

</script>

shift (제거) & unshift (추가)

배열 앞 요소를 제거하고 추가해봅시다

반복문 for

<script>
let days = ['월','화','수'];

for(let index=0, index<days.length; index++){
	console.log(days[index]) //0-2 까지 반복
    }
    
 //'월'  '화'  '수' 
</script>

반복문 for..of

인덱스를 얻지 못한다

<script>
let days= ['월', '화', '수'];

for(let x of days) {
	console.log(x)
}
// '월'  '화'  '수' 
</script>

---

인덱스 값 수정하기