객체 Object
- 여러 개의 정보를 key-value 형태로 저장하는 자료구조이자, 하나의 데이터 타입입니다.
key를 점 표기법 또는 대괄호 표기법을 이용하여 특정 정보의 값에 접근 할 수 있습니다.
다양한 정보를 가지는 복합적인 데이처를 표현할 때 주로 사용하고 이 구조를 활용한 데이터 표기방식을 JSON라고 하며 많은 서비스에서 client-server간 데이터 전달 시 포멧으로 활용합니다.
const person = {
name: "Alice",
age: 25,
greet: function () {
console.log("Hello!");
}
};
console.log(person.name); // 출력: Alice
console.log(person['age']); // 출력: 25
person.greet(); // 출력: Hello!
속성 추가하기
person.job = "Engineer";
person["hobby"] = "Reading";
console.log(person);
// 출력: { name: 'Alice', age: 30, job: 'Engineer', hobby: 'Reading' }
속성 삭제하기
delete person.age;
delete person["hobby"];
console.log(person);
// 출력: { name: 'Alice', job: 'Engineer' }
object element 순회하기
for (let key in person) {
console.log(`${key}: ${person[key]}`);
}
// Object 요소 순회:
// name: Alice
// age: 30
// job: Engineer
// city: New York
키만 조회하기
const keys = Object.keys(person);
console.log(keys);
// 키만 조회하기: [ 'name', 'age', 'job', 'city' ]
값만 조회하기
const values = Object.values(person);
console.log(values);
// 값만 조회하기: [ 'Alice', 30, 'Engineer', 'New York' ]
json 문자열로 변환
const keys = Object.keys(person);
console.log(keys);
// 키만 조회하기: [ 'name', 'age', 'job', 'city' ]
json 문자열 js object로 변환
const parsedObject = JSON.parse(jsonString);
console.log("\n파싱된 JavaScript 객체:");
console.log(parsedObject);
//파싱된 JavaScript 객체:
//{
// name: 'Alice',
// age: 30,
// city: 'New York',
// hobbies: [ 'reading', 'swimming' ]
//}
'자바스크립트' 카테고리의 다른 글
[JavaScript] 프로토타입 (0) | 2025.03.14 |
---|---|
[JavaScript] 함수 (0) | 2025.03.07 |
[JavaScript] 타입 (0) | 2025.03.05 |
[JavaScript] 변수 선언 (0) | 2025.03.04 |
[JavaScript] this 키워드 (0) | 2025.02.28 |