๐Ÿ“ JavaScript - ๊ฐ์ฒด(object)๋ž€?

pjw__98ยท2023๋…„ 11์›” 21์ผ
1

JavaScript(JS) [๊ฐœ์ธ ํ•™์Šต์šฉ]

๋ชฉ๋ก ๋ณด๊ธฐ
9/9
post-thumbnail
๐Ÿ“Œ ์ปค๋ฆฌํ˜๋Ÿผ ์ซ“์•„๊ฐ€๋А๋ผ ๋ณต์Šตํ•˜๋Š” ๊ธ€์„ ์ž‘์„ฑํ•˜์ง€ ์•Š๊ณ  ์žˆ์—ˆ๋‹ค๋‹ˆ.. ๋ฐ˜์„ฑํ•˜๊ณ  ๋˜ ๋ฐ˜์„ฑํ•ด์•ผ์ง€..
ํ•˜์ง€๋งŒ JS์— ๋Œ€ํ•ด ์ง€์‹์ด ๋ถ€์กฑํ•œ ๋‚˜๋Š” ์ด๋ ‡๊ฒŒ๋ผ๋„ ์งฌ ๋‚ด์„œ ๋ฒจ๋กœ๊ทธ๋ฅผ ํ†ตํ•ด 
๋ณต์Šต์„ ํ•  ์ˆ˜ ์žˆ๋‹ค๋Š”๊ฒŒ ์ •๋ง ์ข‹์€๊ฒƒ๊ฐ™๋‹ค ๐Ÿ˜ 
์˜ค๋Š˜์€ ๊ฐ์ฒด์— ๋Œ€ํ•ด ๋ณต์Šต์„ ํ•ด๋ณด์ž!
"์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ์˜ ๋ชจ๋“ ๊ฒƒ์€ ๊ฐ์ฒด๋‹ค." ๋ผ๋Š” ๋ง์ด ๊ดœํžˆ ๋‚˜์˜ค๋Š” ๋ง์ด ์•„๋‹Œ ๊ฒƒ ๊ฐ™๋‹ค.
ํ•™์Šต์„ ํ•˜๋ฉด์„œ ๊ฐ์ฒด๋งŒ ๋ช‡๋ฒˆ์„ ๋ดค๋Š”์ง€ ๋ชจ๋ฅด๊ฒ ๋‹ค.
๊ทธ๋ž˜์„œ ๊ฐ์ฒด์— ๋Œ€ํ•ด ์ข€ ๋” ํ™•์‹คํ•˜๊ฒŒ ์งš๊ณ  ๋„˜์–ด๊ฐ€๊ณ ์ž ๊ธ€์„ ์ž‘์„ฑํ•ด ๋ณธ๋‹ค.

๐Ÿง ๊ฐ์ฒด(object)๋ž€?

๊ฐ์ฒด๋Š” ๋ณดํŽธ์ ์œผ๋กœ ์—ฌ๋Ÿฌ ๋ฐ์ดํ„ฐ์™€ ํ•จ์ˆ˜๋กœ ์ด๋ฃจ์–ด์ง„๋‹ค. ๊ฐ์ฒด๋Š”
๋ณดํ†ต ์†์„ฑ(property)๋“ค๊ณผ (value)๊ฐ’์œผ๋กœ ์ด๋ฃจ์–ด์ง„ ์ง‘ํ•ฉ์ฒด๋‹ค.
๊ฐ์ฒด๋Š” ๋ฐ์ดํ„ฐํƒ€์ž…์—์„œ ๋ณตํ•ฉ๋ฐ์ดํ„ฐ์— ํ•ด๋‹นํ•œ๋‹ค.
๋ฐ์ดํ„ฐ ํƒ€์ž…์—๋Š” ์›์‹œํƒ€์ž…๊ณผ ๋ณตํ•ฉ๋ฐ์ดํ„ฐ๊ฐ€ ์กด์žฌํ•œ๋‹ค.
์›์‹œํƒ€์ž…์—๋Š”

  • number
  • string
  • null
  • undefined
  • boolen
  • symbol
    ์ด ์กด์žฌํ•œ๋‹ค.
    ๊ฐ์ฒด๋Š” ์œ„์™€ ๊ฐ™์€ ๋‹จ์ผํ•œ ์›์‹œํƒ€์ž…๋“ค ์ค‘ ์—ฐ๊ด€ ์žˆ๋Š” ๋ฐ์ดํ„ฐ ๋ฌธ์ž์—ด์ด๋‚˜ string
    ์ด๋ชจ๋“  ๊ฒƒ๋“ค์„
    ํ•จ๊ป˜ ๋ฌถ์–ด์„œ ๋ณด๊ด€ํ•  ์ˆ˜ ์žˆ๋Š” ํฐ object๋ฅผ ๋งํ•œ๋‹ค.
    ์—ฌ๋Ÿฌ๊ฐ€์ง€ ๋ฐ์ดํ„ฐ๋ฅผ ๋ฌถ์–ด์„œ ํ‘œํ˜„ํ•˜๋Š” ์ƒํƒœ ๋ฟ๋งŒ ์•„๋‹ˆ๋ผ ์ด ์ƒํƒœ์™€ ์—ฐ๊ด€ ๋œ
    ํ•จ์ˆ˜๋ฅผ ํ•จ๊ป˜ ๋ฌถ์–ด๋‘” ๊ฒƒ์„ ๊ฐ์ฒด(object)๋ผ๊ณ ๋„ ํ•œ๋‹ค.
    ๊ฐ์ฒด๋Š” ๋ณตํ•ฉ๋ฐ์ดํ„ฐ ์ฆ‰, ์—ฌ๋Ÿฌ๊ฐ€์ง€ ๋ฐ์ดํ„ฐ๋“ค์„ ๋ฌถ์€ ๊ฒƒ์„ ๊ฐ์ฒด๋ผ๊ณ ํ•œ๋‹ค.
    ๊ฐ์ฒด๋Š” ์ค‘๊ด„ํ˜ธ({}) ์•ˆ์— ์—ฐ๊ด€๋œ ๋ฐ์ดํ„ฐ ๊ฐ’๋“ค์„ ๋ณด๊ด€ํ•œ๋‹ค.

๐Ÿค” ๊ฐ์ฒด๋Š” ์–ด๋–ป๊ฒŒ ํ™œ์šฉํ•˜๋ฉด ์ข‹์„๊นŒ?

๊ฐ์ฒด๋Š” ์—ฐ๊ด€๋œ ๋ฐ์ดํ„ฐ๋ฅผ ํ•œ ๊ทธ๋ฃน์œผ๋กœ ๋‹ค๋ฃจ๊ณ  ์‹ถ์„ ๋•Œ ,
๊ฐ์ฒด๋ฅผ ํ™œ์šฉํ•˜๋ฉด ์ข‹๋‹ค.

์˜ˆ์ œ ์ฝ”๋“œ๋ฅผ ๋ณด๋ฉฐ ๊ฐ์ฒด๋ฅผ ํ™œ์šฉํ•ด๋ณด์ž.

<script>
let name = 'jack';
let age = 25;
let weghit = 65;
let genderMan = true;
</script>

์œ„์™€ ๊ฐ™์€ ์›์‹œํƒ€์ž…์ธ ๋ณ€์ˆ˜๋“ค์„ ๊ทธ๋ฃน์œผ๋กœ ์ง“๊ณ  ์‹ถ์„ ๋•Œ

<script>
let jackInForMation = {
 name : 'jack',
 age : 25,
 weghit : 65,
 genderMan : true,
}
</script>

๊ฐ์ฒด๋Š” {key:value}ํ˜•ํƒœ๋กœ ๋‚˜ํƒ€๋‚ผ ์ˆ˜ ์žˆ๋‹ค.
์œ„ ์˜ˆ์ œ ์ฝ”๋“œ๋Š” ๊ธ€์“ด์ด์— ๋Œ€ํ•œ ์„ธ๋ถ€์‚ฌํ•ญ์„ ๊ฐ์ฒด๋กœ ๋‹ด์•„๋ณด์•˜๋‹ค.
console.log๋ฅผ ํ†ตํ•ด ์ถœ๋ ฅ์„ ํ•ด๋ณด์ž.

๋ฐ์ดํ„ฐ๋“ค์ด ๊ฐ์ฒด ์•ˆ์— ์ž˜ ๋‹ด๊ฒจ์ ธ์žˆ๋Š” ๋ชจ์Šต์„ ๋ณผ ์ˆ˜ ์žˆ๋‹ค.

๊ฐ์ฒด๋Š” ์ ํ‘œ๊ธฐ๋ฒ•์œผ๋กœ ํ•ด๋‹น objectName.key๋ฅผ ํ†ตํ•ด value๋ฅผ ํ™•์ธํ•  ์ˆ˜ ์žˆ๋‹ค.

์ด๋ ‡๊ฒŒ ์–ด๋– ํ•œ ์‚ฌ๋ฌผ์˜ ์—ฐ๊ด€๋œ ํŠน์ง•์„ ๊ทธ๋ฃน์œผ๋กœ ๋ฌถ์–ด๋‘๊ณ  ์‹ถ์„ ๋•Œ ๊ฐ์ฒด๋ฅผ ํ™œ์šฉํ•˜๋ฉด ์ข‹๋‹ค.

profile
โ˜„๏ธ

1๊ฐœ์˜ ๋Œ“๊ธ€

comment-user-thumbnail
2023๋…„ 11์›” 22์ผ

์•ˆ๋…•ํ•˜์„ธ์š” :) ๊ตญ๋น„์ง€์› ๋ถ€ํŠธ์บ ํ”„ ์—˜๋ฆฌ์ŠคํŠธ๋ž™์ž…๋‹ˆ๋‹ค! ์˜ค๋Š˜๋„ ๊ฐœ๋ฐœ ๊ณต๋ถ€ ์—ด์‹ฌํžˆ ํ•˜๊ณ  ๊ณ„์‹œ๊ตฐ์š”! ๋ฉ‹์ง€์‹ญ๋‹ˆ๋‹ค :)
ํ˜น์‹œ ์‹ ์ž…์œผ๋กœ ๊ฐœ๋ฐœ ๊ณต๋ถ€ํ•˜๋ฉด์„œ ๊ธฐ์ˆ ๋ฉด์ ‘์— ๋Œ€ํ•œ ๋Œ€๋น„๊ฐ€ ๋ง‰๋ง‰ํ•˜์‹œ๋‹ค๋ฉด, ์ด๋ฒˆ ๊ธฐ์ˆ ๋ฉด์ ‘ ํŠน๊ฐ•๋„ ๊ด€์‹ฌ ๊ฐ€์ ธ๋ณด์‹œ๋ฉด ์ข‹์„ ๊ฒƒ ๊ฐ™์•„ ๋Œ“๊ธ€๋กœ ํ–‰์‚ฌ ์•ˆ๋‚ด๋“œ๋ ค์š”~

ํ”„๋ก ํŠธ/ ๋ฐฑ์—”๋“œ ๋ชจ๋‘ ์‹ค๋ ฅ์žˆ๊ณ , ์‹ค์ œ ๋ฉด์ ‘๊ด€์œผ๋กœ ํ™œ๋™ํ•˜๊ณ  ๊ณ„์‹  ๊ฐœ๋ฐœ์ž ์ฝ”์น˜๋‹˜๊ป˜์„œ ์ง„ํ–‰ํ•˜์‹œ๋‹ˆ ์ฐธ์—ฌํ•ด ๋ณด์„ธ์š”> https://festa.io/events/4389

๊ทธ๋Ÿผ ์˜ค๋Š˜๋„ ํ™”์ดํŒ…์ž…๋‹ˆ๋‹ค!๐Ÿ™‡๐Ÿปโ€โ™€๏ธ๐Ÿ’ช๐Ÿป

๋‹ต๊ธ€ ๋‹ฌ๊ธฐ