[javascript] 객체의 속성 값을 설정하는 방법
자바스크립트에서 객체의 속성을 설정하는 방법은 다양합니다. 다음은 그 중 일부입니다.
1. 닷 표기법을 사용하여 속성 설정
const person = {};
person.name = "John";
person.age = 30;
위의 코드에서는 person
객체의 name
속성과 age
속성을 각각 “John”과 30으로 설정했습니다.
2. 대괄호 표기법을 사용하여 속성 설정
const person = {};
person["name"] = "John";
person["age"] = 30;
대괄호 표기법을 사용하여도 속성을 설정할 수 있습니다. 위의 코드는 닷 표기법을 사용한 예제와 동일한 결과를 생성합니다.
3. Object.assign() 메서드를 사용하여 속성 설정
const person = {};
Object.assign(person, { name: "John", age: 30 });
Object.assign()
메서드를 사용하면 여러 개의 속성을 한꺼번에 설정할 수 있습니다. 위의 코드는 person
객체에 name
속성과 age
속성을 설정합니다.
4. ES6의 객체 비구조화 할당을 사용하여 속성 설정
const { name, age } = { name: "John", age: 30 };
const person = { name, age };
ES6의 객체 비구조화 할당을 사용하면 더 간단히 속성을 설정할 수 있습니다. 위의 코드는 name과 age 속성값을 한번에 person 객체로 설정합니다.
5. 속성 초기자를 사용하여 속성 설정
const person = {
name: "John",
age: 30,
get fullName() {
return this.name;
},
set fullName(value) {
this.name = value;
}
};
위의 코드는 fullName 속성의 getter와 setter를 정의하여 값을 설정하는 방법을 보여줍니다.
이렇게, 여러 가지 방법으로 자바스크립트 객체의 속성 값을 설정할 수 있습니다.
더 많은 자세한 내용은 MDN 웹 문서를 참조하시기 바랍니다.