๊ฐ๋ฐ ์ง์, ์คํฌ๋ฆฝํธ/JavaScript, TS
JS Basic Syntax(๊ฐ์ฒด)
์ํ๋ฆฌํฐ์งํธ
2023. 12. 22. 19:34
๊ฐ์ฒด์ ๋ํ ์ ์์ ๋ชฉ์ ์ ๋ค์ํ๋ค. ๋จ์ํ ๋ชฉ์ ์ผ๋ก์ ๊ฐ์ฒด๋ ์ฃผ๋ก ๊ธฐ๋ณธ ํ์ ์ผ๋ก ๊ตฌ์ฑ๋ 2๊ฐ ์ด์์ ๊ฐ๋ค์ ๋ฌถ์ด์ ํ ๋ฒ์ ๊ด๋ฆฌํ๊ธฐ ์ํ ์ฉ๋๊ฐ ์๋ค.
1. ๊ฐ์ฒด์ ์ด๊ธฐํ(์์ฑ)
JavaScript์์๋ ๊ฐ์ฒด๋ฅผ ์์ฑํ๋ ๋ฐฉ์์ผ๋ก ํฌ๊ฒ 2๊ฐ์ง๊ฐ ์๋ค.
- Object() ์์ฑ์ ํจ์ ์์ฑ ๋ฐฉ์
- ๊ฐ์ฒด ๋ฆฌํฐ๋ด ๋ฐฉ์
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'
};