React, JavaScript

[Javascript] 객체(Object) 생성과 참조, 삭제, 조회

택이더 2023. 6. 9. 20:25

아래의 프로그래머스 문제를 해결하며 사용한 객체에 대해 정리하고자 합니다.

 

https://school.programmers.co.kr/learn/courses/30/lessons/92341

 

프로그래머스

코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요.

programmers.co.kr

객체?

- 객체는 이름(key, name)과 값(value)으로 구성된 프로퍼티의 집합이다.

 

1. 객체의 생성

  • new Object()
  • 변수에 빈 객체를 생성 ( let obj = {}; )
  • 생성자 함수를 사용한 객체 생성

 

 

2. 객체의 프로퍼티 추가

 

- key의 값은 문자열로 작성해야 한다. (따옴표로 감싸는게 원칙! but 식별자 네이밍 규칙을 준수한다면 생략 가능)

* 식별자 네이밍 규칙 : 문자/숫자/언더스코어(_)/달러기호($)로 구성되며, 숫자로 시작하지 않아야 한다.(예약어 제외)

  • obj.key = value;
  • obj['key'] = value;  

 

 

3. 객체의 프로퍼티 접근

 

  • 객체.key
  • 객체['key']   =>  객체['key'] 방식은 따옴표로 감싸져 있지 않으면 변수로 해석해서 참조하기에 주의하여 사용

 

 

4. 객체의 프로퍼티 삭제

 

  • delete obj.key
  • delete obj['key']

 

5. 객체의 프로퍼티 조회

 

  • 특정 프로퍼티 조회 (in 연산자 사용 => key in obj)
  • 모든 프로퍼티 조회 (for ...in => let key in obj)