[JavaScript] 객체 알아보기

공부내용

객체

자바스크립트 객체는 데이터를 구조화하고 저장하는 데 사용하는 기본 단위입니다. 객체는 속성(프로퍼티)과 메서드(함수)로 구성되며, 각각의 속성은 키와 값의 쌍으로 구성되어 있습니다.
키는 문자열이고, 값은 어떤 타입이든 가능 자바스크립트에서는 객체 리터럴 표기법을 사용하여 쉽게 객체를 만들 수 있습니다.

const person = {
  name: 'kms',
  age: 20,
  city: 'Incheon'
};

객체 프로퍼티 접근

점 표기법

const person = {
  name: 'kms',
  age: 20,
  city: 'Incheon'
};

console.log(name)//"kms"
console.log(age)// 20

대괄호 표기법

const person = {
  name: 'kms',
  age: 20,
  city: 'Incheon'
};

console.log(person["name"])//"kms"
console.log(person["age"])// 20

존재하지 않는 속성에 접근하면 undefined가 뜨게된다.

객체 프로퍼티 수정,추가,삭제

프로퍼티 수정

const person = {
  name: 'kms',
  age: 20,
  city: 'Incheon'
};

person["name"] = "kim"// 대괄호 표기법 
person.age =30 // 점 표기법

프로퍼티 추가

const person = {
  name: 'kms',
  age: 20,
  city: 'Incheon'
};

person["email"] = "nas7062@naver.com"// 대괄호 표기법 
person.pet =true // 점 표기법

프로퍼티 삭제

const person = {
  name: 'kms',
  age: 20,
  city: 'Incheon'
};

delete person["name"] // 대괄호 표기법 
delete person.age  // 점 표기법

객체의 특성과 cosnt

자바스크립트에서 const 키워드를 사용하여 변수를 선언하면 해당 변수는 재할당이 불가능합니다. 하지만 객체의 경우 const로 선언한 후에도 객체 내부의 프로퍼티는 변경이 가능하다! 이는 객체 자체가 메모리에 할당된 주소를 가리키는 값이 const로 선언되기 때문입니다. 객체 자체의 메모리 주소가 변하지 않으며 프로퍼티만 변경 가능합니다. 객체의 프로퍼티는 수정할 수 있지만, 다른 객체로의 완전한 재할당은 불가능합니다.
]

객체의 키와값 추출방법

Object.keys() : 객체의 key 추출

const person = {
  name: 'kms',
  age: 20,
  city: 'Incheon'
};

let keys = Object.keys(person);

console.log(keys) //["name","age","city"]

Object.values() : 객체의 value 추출

const person = {
  name: 'kms',
  age: 20,
  city: 'Incheon'
};

let values = Object.values(person);

console.log(values) //["kms",20,"Incheon"]

Object.entries() : 객체의 key,value 추출

const person = {
  name: 'kms',
  age: 20,
  city: 'Incheon'
};

let entries = Object.entries(person);

console.log(entries) //["name","kms"] ["age",20]["city","Incheon"]