[코드스테이츠 FE 45기] _2023.04.26 _ Day 12

---

오늘은 Day 12

2023년 04월 26일

오늘도 아직도 감기 진행 중 ㅠㅠ 감기가 오래간다...

감기가 빨리 나아지면 좋겠다

 더욱 건강 관리 컨디션 관리에 힘써야지!!

---

오늘은 객체를 공부 했다.

 

객체

자바스크립트 객체(Object)는 속성(key-value 쌍)의 집합이며, 함수도 속성 값으로 사용될 수 있습니다.

객체는 중괄호({})로 감싸여 있으며, 객체의 속성은 쉼표로 구분하여 나열됩니다.

 

1) 객체를 만드는 방법

// 객체 리터럴을 사용한 객체 생성
const person = {
  name: "John",
  age: 30,
  sayHello: function() {
    console.log("Hello!");
  }
};

// Object 생성자 함수를 사용한 객체 생성
const car = new Object();
car.brand = "Toyota";
car.model = "Camry";

2) 객체의 속성에 접근하는 방법

console.log(person.name); // "John"
console.log(car["brand"]); // "Toyota"

3) 객체의 속성 값을 변경하거나 추가하는 방법

person.age = 40;
car.color = "black";

4) 객체에서 속성을 삭제하는 방법

delete person.age;
delete car.color;

5) 객체의 속성 이름과 값을 배열로 반환하는 방법

const keys = Object.keys(person); // ["name", "sayHello"]
const values = Object.values(person); // ["John", [Function: sayHello]]
const entries = Object.entries(person); // [["name", "John"], ["sayHello", [Function: sayHello]]]

---

객체를 더 깊게...

 

자바스크립트 객체는 매우 중요하며, 이해해야 하는 개념 중 하나입니다. 객체는 데이터를 구조화하고 정리하는 데 사용됩니다.

자바스크립트에서는 객체를 사용하여 변수와 함수를 논리적으로 그룹화할 수 있으며, 이를 통해 코드의 가독성과 유지보수성을 향상시킬 수 있습니다.

 

자바스크립트에서 객체를 생성하는 방법은 다양합니다. 가장 일반적인 방법은 객체 리터럴을 사용하는 것입니다. 객체 리터럴은 중괄호({})로 시작하고, 객체의 속성과 값을 쉼표로 구분합니다. 예를 들어, 다음과 같은 객체를 만들 수 있습니다.

const person = {
  name: 'John',
  age: 30,
  isStudent: false,
  address: {
    city: 'New York',
    country: 'USA'
  },
  sayHello: function() {
    console.log('Hello!');
  }
};

이 객체는 이름, 나이, 학생 여부, 주소 및 함수를 포함합니다. 객체의 속성 이름은 문자열이어야 하며, 속성 값은 어떤 데이터나 함수일 수 있습니다.

 

객체의 속성에 접근하는 방법은 객체 이름 다음에 점(.)을 사용하여 속성 이름을 지정하는 것입니다. 예를 들어, person 객체의 이름을 출력하려면 다음과 같이 작성할 수 있습니다.

console.log(person.name); // "John"

객체의 속성 값에 접근하는 다른 방법은 대괄호([])를 사용하는 것입니다. 대괄호 안에는 속성 이름을 문자열로 지정해야 합니다. 예를 들어, person 객체의 나이를 출력하려면 다음과 같이 작성할 수 있습니다.

console.log(person['age']); // 30

객체의 속성 값을 변경하려면 객체 이름 뒤에 점(.)을 사용하여 속성 이름을 지정한 후, 새 값을 할당하면 됩니다. 예를 들어, person 객체의 나이를 40으로 변경하려면 다음과 같이 작성할 수 있습니다.

person.age = 40;

객체에 새로운 속성을 추가하려면 객체 이름 뒤에 점(.)을 사용하여 새로운 속성 이름을 지정하고, 새로운 값을 할당하면 됩니다. 예를 들어, person 객체에 직업을 추가하려면 다음과 같이 작성할 수 있습니다.

person.job = 'developer';

객체에서 속성을 삭제하려면 delete 연산자를 사용하여 속성 이름을 지정하면 됩니다. 예를 들어, person 객체의 직업을 삭제하려면 다음과 같이 작성할 수 있습니다.

delete person