JavaScript의 Object 객체는 객체 생성, 속성 접근, 속성 추가 및 삭제 등 객체 관련 작업을 수행하는 데 사용됩니다. 이번 포스트에서는 JavaScript Object 객체에서 주요한 함수들에 대해 소개하고, 각 함수의 사용법과 예시를 보여드리겠습니다.
Object.assign() 함수는 여러 개의 소스 객체를 대상 객체에 병합하는 역할을 수행합니다. 이 함수를 사용하여 객체를 병합하거나 속성을 복사할 수 있습니다.
const target = { a: 1, b: 2 };
const source = { b: 3, c: 4 };
const merged = Object.assign(target, source);
console.log(merged); // { a: 1, b: 3, c: 4 }
Object.keys() 함수는 객체의 속성 이름들을 배열로 반환합니다. 이 함수를 사용하여 객체의 속성을 순회하거나 특정 작업을 수행할 수 있습니다.
const person = { name: 'John', age: 27, city: 'New York' };
const keys = Object.keys(person);
console.log(keys); // ['name', 'age', 'city']
Object.values() 함수는 객체의 속성 값들을 배열로 반환합니다. 이 함수를 사용하여 객체의 속성 값을 순회하거나 특정 작업을 수행할 수 있습니다.
const person = { name: 'John', age: 27, city: 'New York' };
const values = Object.values(person);
console.log(values); // ['John', 27, 'New York']
Object.entries() 함수는 객체의 속성들을 [키, 값] 형태의 배열로 반환합니다. 이 함수를 사용하여 객체의 속성을 순회하거나 특정 작업을 수행할 수 있습니다.
const person = { name: 'John', age: 27, city: 'New York' };
const entries = Object.entries(person);
console.log(entries); // [['name', 'John'], ['age', 27], ['city', 'New York']]
Object.hasOwnProperty() 함수는 객체가 특정 속성을 직접 소유하고 있는지 여부를 확인합니다. 이 함수를 사용하여 객체의 속성을 검사하거나 조건문을 작성할 수 있습니다.
const person = { name: 'John', age: 27, city: 'New York' };
if (person.hasOwnProperty('name')) {
console.log('person 객체에 name 속성이 존재합니다.');
} else {
console.log('person 객체에 name 속성이 존재하지 않습니다.');
}
이번 포스트에서는 JavaScript Object 객체에서 중요한 함수들을 소개하였습니다.비동기 통신으로 받은 객체를 사용할때 주로 사용되며 Object.assign(), Object.keys(), Object.values(), Object.entries(), Object.hasOwnProperty() 함수들은 객체를 병합하거나 속성을 순회하고 검사하는 데 유용합니다. 추가로 JavaScript의 공식 문서를 참고하여 더 많은 함수와 기능을 알아보시기 바랍니다.
https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Object