Javascript

{} Object

아이티프로 2023. 1. 24.
반응형

자바스크립트에서 객체는 속성의 집합이며, 여기서 속성은 이름(또는 키)과 값 사이의 연관성이다. 객체는 여러 가지 방법으로 정의할 수 있지만 가장 일반적인 방법은 접미사 {} 집합인 객체리터럴 표기법을 사용하는 것이다.

다음은 객체 리터럴 표기법을 사용하여 객체를 정의하는 방법의 예이다.

let person = {
  name: "John",
  age: 30,
  occupation: "Developer"
};

위의 예에서 person은 name, age, occ

upattion의 세 가지 속성을 가진 개체이며, 각 속성은 해당 속성과 관련된 값을 가진다.

점 표기법 또는 대괄호 표기법을 사용하여 객체의 속성에 액세스할 수 있다:

console.log(person.name); // Output: "John"
console.log(person["age"]); // Output: 30

 

개체에서 새 속성을 추가하거나 기존 속성의 값을 변경할 수도 있다:

person.address = "New York";
console.log(person); // Output: { name: "John", age: 30, occupation: "Developer", address: "New York" }
person.age = 35;
console.log(person); // Output: { name: "John", age: 35, occupation: "Developer", address: "New York" }

 

삭제 연산자를 사용하여 개체에서 속성을 제거할 수도 있다:

delete person.occupation;
console.log(person); // Output: { name: "John", age: 35, address: "New York" }

 

자바스크립트는 또한 객체를 만드는 데 사용할 수 있는 내장 객체 생성자를 제공한다:

let person = new Object();
person.name = "John";
person.age = 30;
person.occupation = "Developer";
console.log(person); // Output: { name: "John", age: 30, occupation: "Developer" }

 

자바스크립트는 또한 새로운 연산 또는 기능을 사용하여 개체를 생성하는 기능을 제공하는 기능을 제공한다.

function Person(name, age, occupation) {
  this.name = name;
  this.age = age;
  this.occupation = occupation;
}

let person = new Person("John", 30, "Developer");
console.log(person); // Output: { name: "John", age: 30, occupation: "Developer" }

javascript의 객체도 동적이므로 새로운 속성을 추가하거나 객체의 기존 속성 값을 즉시 변경할 수 있다.

반응형

'Javascript' 카테고리의 다른 글

연산자  (0) 2023.01.24
함수  (0) 2023.01.24
문자열 함수  (0) 2023.01.24
백틱(`)과 템플릿 리터럴  (0) 2023.01.24
Number Methods  (0) 2023.01.24

댓글