자바스크립트

[JavaScript] 객체

코딩하는둥이 2025. 3. 6. 14:59

 객체 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