티스토리 뷰

Web/JS

JS - 객체

Codecheck 2024. 2. 20. 16:16

객체

객체 : 키와 값으로 구성된 속성의 집합

const person = {}; // 빈 객체

const person = {

  name: 'SH',

  age: 20,

  'phone number': '010-1234-1234',

};

name → 키

'SH' → 값

name: 'SH'; → 속성

 

접근방법

1. 마침표 연산자

ex. person.name

2. 대괄호 연산자

ex. person['age']

 

key값에 공백이 존재할 경우 대괄호 연산자로만 접근 가능

속성의 값으론 모든 자료형 가능 (false, 함수 등도 포함)

속성으로 함수를 포함할 경우 객체의 메서드라고 부름

 

객체의 속성값 변경

person.name = '철수';

 

객체의 속성 추가 (name 속성이 없었다고 가정)

person.name = '영희';

 

객체의 속성 삭제

delete person.age;

 

const num = 10;

const num2 = num;

→ 객체의 얕은복사, 깊은복사 주의 

'Web > JS' 카테고리의 다른 글

JS - 브라우저 객체 모델  (0) 2024.02.20
JS - 표준 내장 객체  (0) 2024.02.20
JS - 함수2  (0) 2024.02.20
JS - 함수  (0) 2024.02.20
JS - 반복문  (0) 2024.02.19
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
TAG
more
«   2025/08   »
1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28 29 30
31
글 보관함