Notice
Recent Posts
Recent Comments
Link
04-27 12:54
«   2025/04   »
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
Archives
Today
Total
관리 메뉴

<<개발일지>>

JS Basic Syntax(객체) 본문

JavaScript, TS

JS Basic Syntax(객체)

개발하는지호 2023. 12. 22. 19:34

객체에 대한 정의와 목적은 다양하다. 단순한 목적으로의 객체는 주로 기본 타입으로 구성된 2개 이상의 값들을 묶어서 한 번에 관리하기 위한 용도가 있다.

 

1. 객체의 초기화(생성)

JavaScript에서는 객체를 생성하는 방식으로 크게 2가지가 있다.

 

  1. Object() 생성자 함수 생성 방식
  2. 객체 리터럴 방식

 

1-1 Object() 생성자 함수 생성 방식

 

const mouse = new Object();

mouse.name = 'jason';
mouse.age = 29;
mouse.color = 'white';

console.log(typeof mouse); // object
console.log(mouse); // {name: 'jason', age: 29, color: 'white'}

 

1-2 객체 리터럴(literal) 방식 - 주로 사용

 

literal: 표기법 또는 값 그 자체를 의미한다.

객체 literal : 객체를 생성하는 표기법

 

{ } (중괄호, Curly Brace)를 활용하여 객체 생성, {  } 안에 내용이 없을 경우 빈(Empty) 객체 생성

 

const empty = {};

const mouse = {
	name : 'jerry',
   	age : 29,
        color : 'white'
};

 

'JavaScript, TS' 카테고리의 다른 글

JS 자동정렬 설정하기  (5) 2024.04.08
Content-Type 헤더  (0) 2024.01.24
JS Basic Syntax(스코프)  (0) 2023.12.22
JS Basic Syntax(함수와 함수표현 방법)  (1) 2023.12.22
JS Basic Syntax(반복)  (0) 2023.12.20