์‹œํ๋ฆฌํ‹ฐ์ง€ํ˜ธ 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'
};