티스토리 뷰

코드스테이츠(SEB_FE_42)

[JS] 객체

codeyun2 2022. 11. 4. 20:55

객체

{
  키1: '값1',
  키2: '값2',
  ...
}

값으로 숫자, 문자열, 불리언, 배열, 객체, 함수 전부 가질 수 있음

객체의 요소에서 사용하는 this는 속해있는 객체명을 뜻함

 

객체가 값을 사용하는 방법

  Dot notation Bracket notation
요소 조회 obj.key obj[key] (문자열로 입력해야함)
동적인 변수(함수 매개변수) 사용 불가 가능
키밸류 추가 obj.key = ' ' obj[key] = ' '
키밸류 삭제 delete obj.key delete obj[key]

 

in 연산자

(key in obj)

: 객체 내부에 키가 있는지 확인 후 Boolean(T/F) 반환

 

Object.keys(obj)

: 객체들의 키들로 이루어진 배열 반환

Object.values(obj)

: 객체들의 값들로 이루어진 배열 반환

Object.entries(obj)

: 키-밸류 한 쌍 배열을 가진 배열을 반환 [ [키, 값], [키, 값], [키, 값], ... ]

Object.assign(목표객체, 출처객체)

: 목표객체에 출처객체 속성을 추가(mutable)

- 목표객체에 있는 키가 출처객체에도 있다면 출처객체의 값으로 바뀜

- 목표객체 반환(reference주소)

 

Property 프로퍼티

: 객체의 상태를 나타내는 값

: 키-밸류 쌍

 

Method 매서드

: 프로퍼티를 참조하고 조작할 수 있는 동작

 

 

 

 

2022.11.04

코스 S1U9

댓글
공지사항