[💻 코드스테이츠 FE 44기] 부트캠프 - 객체, 과제 풀기

✔️ 시작

객체(object)와 사용 방법, 메서드 등을 배웠다. 이후 과제 풀기는 페어 활동으로 진행 되었다. 객체도 도움이 되고자 미리 예습했다.

📍object(객체)

• 키와 값 쌍(key value pair)으로 이루어져 있다.
• {,}로 감싸 주며, 키 값은,로 구분해 준다.
• 설명이 필요한 경우 사용한다.

let user = {
	name : "jieun",
  	age : "28",
}

✔️ 객체 값을 사용하는 방법 2가지

let user = {
	name : "jieun",
  	age : "28",
}

1 . Dot notation

user.name; // jieun 
user.age; //28

2 . Bracket notation

user['name']; // jieun 
user['age']; //28

//'' 또는 "" 작성하지 않을 경우 에러가 발생한다.
// 키 값이 변수 일 때 사용 가능하다.
user[age]; 

✔️ 추가, 삭제, 업데이트

let user = {
	name : "jieun",
  	age : "28",
}

user.lastName = "Choi"; // 추가
user.Height = 155; // 추가
user.Height = Height + 1 // 업데이트 >>> Height에 1을 더해 156이 출력 된다.
delete user.age; // user의 age 삭제

✔️ in

해당 키가 있는지 확인

let user = {
	name = "jieun",
  	age = "28",
}

'name' in user; // true
'tall' in user; // false

✔️ Object.key()

• 객체의 키 목록을 배열로 리턴
• 배열로 리턴할 수 있기에 for문을 사용할 수 있다.

✔️ for ... in

객체를 순회한다.

for(const 인덱스 in 배열){
	실행 코드
}

✔️ this

const user = {
	name : 'jieun',
  	age : 28,
  	sayHello : function(){
    	consol.log("Hello, ${this.name}");
    }
}

❗️point

• 화살표 함수는 일반 함수와 달리 자심만의 this를 가지지 않는다.
  (화살표 함수에 this 사용시 해당 this는 외부에서 값을 가져온다.)

✔️ continue

해야할 명령문을 실행하지 않고 다음 명령문을 실행한다.

✏️ 마치며

기본 적인 객체에 대해 알고 있었지만 활용하는 방법은 알고 있지 않았다.

이번 학습과 페어 활동을 통해 for...in, continue 등에 대해 알게 되었다.

공부할 때 참고하기 좋은 사이트
🔗 https://youtu.be/w5bpDsquwKc
🔗 https://youtu.be/DuXA1t6hl3U
🔗 https://youtu.be/ZXQA4gRHqe0