๐Ÿ”ฅ #8 javascript(๊ฐ์ฒด)

๋ฐ•์ค€์„ยท2022๋…„ 8์›” 24์ผ

javascript

๋ชฉ๋ก ๋ณด๊ธฐ
8/22
post-thumbnail

๐Ÿ”ฅ Object(๊ฐ์ฒด)

์„ธ์ƒ์—๋Š” ๋‹จ ํ•˜๋‚˜์˜ ๋ฐ์ดํ„ฐ๋กœ ํ‘œํ˜„๋˜์ง€ ์•Š๋Š” ์ •๋ณด๊ฐ€ ๋งŽ๋‹ค. ์ž์‹ ์ด๋ผ๋Š” ์‚ฌ๋žŒ์„ ํ‘œํ˜„ํ•˜๊ธฐ ์œ„ํ•ด์„œ๋„ ์ด๋ฆ„, ๋‚˜์ด, ์‚ฌ๋Š”๊ณณ ๋“ฑ์˜ ์ •๋ณด๊ฐ€ ํ•„์š”ํ•˜๋“ฏ์ด ๊ทธ๋ž˜์„œ ๊ฐ์ฒด๋Š” ๊ด€๋ จ์žˆ๋Š” ์ •๋ณด๋ฅผ ๋ฌถ์–ด์„œ ํ•˜๋‚˜์˜ ๋ฐ์ดํ„ฐ๋ฅผ ํ‘œํ˜„ํ•˜๋Š” ๋ฐฉ๋ฒ•์ด๋‹ค.
๊ฐ์ฒด์—๋Š” ๊ฐ’ ๋ฟ๋งŒ ์•„๋‹ˆ๋ผ ํ•จ์ˆ˜๋„ ๋“ค์–ด๊ฐˆ ์ˆ˜ ์žˆ๋‹ค.

์˜ˆ์‹œ)
let user = {
  name: "Coding Noona",
  age: 22,
  getName : function(){
      return "My name i "+this.name
  }
}; // ๊ฐ์ฒด ์ •์˜๋ฒ•

console.log(user.name) // ๊ฐ์ฒด์—์„œ ๊ฐ’ ๊ฐ€์ ธ์˜ค๋Š” ๋ฒ• 1
console.log(user['name']) // ๊ฐ์ฒด์—์„œ ๊ฐ’ ๊ฐ€์ ธ์˜ค๋Š” ๋ฒ• 2

user.age = 40 // ๊ฐ์ฒด์— ํŠน์ • ํ‚ค ๊ฐ’์„ ๋ฐ”๊พธ๋Š”๋ฒ• 1
user['age']=50 // ๊ฐ์ฒด ํŠน์ • ํ‚ค ๊ฐ’์„ ๋ฐ”๊พธ๋Š”๋ฒ• 2

console.log(user.getName()) // ๊ฐ์ฒด์— ํ•จ์ˆ˜ ํ˜ธ์ถœ 

๊ฒฐ๊ณผ๊ฐ’ :
Coding Noona
Coding Noona
My name i Coding Noona

๐Ÿƒโ€โ™‚๏ธ ์‚ฌ์šฉ๋ฒ•

let patient ={
    name : "junseok", // ํ‚ค๊ฐ’ : ๊ฐ’
    age : 27,
    disease : "Cold"
} //๊ฐ์ฒด๋Š” {} ํ‘œ๊ธฐํ•œ๋‹ค.

๐Ÿƒโ€โ™‚๏ธ ๊ฐ์ฒด๋ฅผ ๋ฐฐ์—ด์•ˆ์— ๋„ฃ์–ด ์‚ฌ์šฉํ•˜๋Š” ๋ฒ•

let patientList =
[{name:"jnseok", age:13},
{name:"jk", age :25},
{name:"jun", age:40}];

//๋ฐฐ์—ด์„ ์ถœ๋ ฅํ•˜๋Š” ๋ฒ•
console.log(patientList);
console.log("์ฒซ๋ฒˆ์งธ ํ™˜์ž๋Š” :", patientList[0]);
console.log("์ฒซ๋ฒˆ์งธ ํ™˜์ž์˜ ๋‚˜์ด๋Š”?:", patientList[0].age);
console.log("์ฒซ๋ฒˆ์งธ ํ™˜์ž์˜ ๋‚˜์ด๋Š”?:", patientList[0]["age"]);
console.log("๋‘๋ฒˆ์งธ ํ™˜์ž์˜ ์ด๋ฆ„?:", patientList[1].name);

๊ฒฐ๊ณผ๊ฐ’ :
{name: 'jnseok', age: 13}
{name: 'jk', age: 25}
{name: 'jun', age: 40}
์ฒซ๋ฒˆ์งธ ํ™˜์ž๋Š” : {name: 'jnseok', age: 13}
์ฒซ๋ฒˆ์งธ ํ™˜์ž์˜ ๋‚˜์ด๋Š”?: 13
์ฒซ๋ฒˆ์งธ ํ™˜์ž์˜ ๋‚˜์ด๋Š”?: 13
๋‘๋ฒˆ์งธ ํ™˜์ž์˜ ์ด๋ฆ„?: jk

โŒ ๊ฐ์ฒด์™€ ๊ฐ์ฒด์ง€ํ–ฅ ํ”„๋กœ๊ทธ๋ž˜๋ฐ์€ ๊ฐ™์€๋ง์ผ๊นŒ?
์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ์—์„œ๋Š” ๊ฐ์ฒด๋ฅผ ๋งŽ์ด ๋ณผ ์ˆ˜ ์žˆ๋‹ค. ๊ทธ๋ ‡๋‹ค๊ณ  ์ด๊ฒŒ ๊ฐ์ฒด์ง€ํ–ฅ ํ”„๋กœ๊ทธ๋ž˜๋ฐ์ผ๊นŒ? ๊ทธ๊ฑด ์•„๋‹ˆ๋‹ค. ๊ฐ์ฒด๋Š” ๋‹จ์ˆœํžˆ ์ž๋ฃŒํ˜•์ผ ๋ฟ์ด๊ณ  ๊ฐ์ฒด ์ง€ํ–ฅ ํ”„๋กœ๊ทธ๋ž˜๋ฐ์€ ํ”„๋กœ๊ทธ๋ž˜๋ฐ์˜ ํ•œ ๋ฐฉ์‹์ผ ๋ฟ์ด๋‹ค.

โŒ ๊ฐ์ฒด์ง€ํ–ฅ ํ”„๋กœ๊ทธ๋ž˜๋ฐ์ด๋ž€ ๋ฌด์—‡์ผ๊นŒ?
ํ”„๋กœ๊ทธ๋žจ์ด ๊ธธ์–ด์ง€๊ณ  ๋ณต์žกํ•ด์ง€๋ฉด ๋ณ€์ˆ˜(์ˆซ์ž๊ฐ€ ๋“ค์–ด๊ฐ€๋Š” ์ž๋ฆฌ)๋„ ๋งŽ์•„์ง€๊ณ , ์ฝ”๋“œ ๋˜ํ•œ ๊ธธ์–ด์ ธ์„œ ํ•ด์„ํ•˜๋Š”๋ฐ ์‹œ๊ฐ„์ด ์˜ค๋ž˜ ๊ฑธ๋ฆฐ๋‹ค. ๊ทธ๋ž˜์„œ ํ”„๋กœ๊ทธ๋žจ์„ ์งค ๋•Œ ๋™์ผํ•œ ๋ชฉ์ ์ด๋‚˜ ๊ธฐ๋Šฅ์„ ํ•˜๋Š” ๋ณ€์ˆ˜์™€ ํ•จ์ˆ˜๋“ค์„ ๊ฐ๊ฐ ํ•˜๋‚˜๋กœ ๋ฌถ์–ด์„œ object(๊ฐ์ฒด)๋กœ ๋งŒ๋“ค๊ณ  ๊ทธ ๊ฐ์ฒด๋“ค๋ผ๋ฆฌ ์ƒํ˜ธ ํ†ต์‹ ํ•˜๋ฉด์„œ ํ”„๋กœ๊ทธ๋žจ ์ „์ฒด๊ฐ€ ๋Œ์•„๊ฐ€๋„๋ก ์ฝ”๋“œ๋ฅผ ๊ตฌ์„ฑํ–ˆ๋Š”๋ฐ, ์ด๊ฒƒ์ด ๋ฐ”๋กœ ๊ฐ์ฒด์ง€ํ–ฅ ํ”„๋กœ๊ทธ๋ž˜๋ฐ์ด๋‹ค.

์˜ˆ๋ฅผ ๋“ค์–ด, ๋ฐ˜ ์นœ๊ตฌ๋“ค์€ ๋ชจ๋‘ ์ด๋ฆ„๋„ ๋‹ค๋ฅด๊ณ  ๊ฐœ์„ฑ๋„ ๋‹ค๋ฅด์ง€๋งŒ โ€˜์‚ฌ๋žŒโ€™์ด๋ผ๋Š” ๋™์ผํ•œ ์กด์žฌ๋“ค์ด๋‹ค. ์—ฌ๊ธฐ์—์„œ โ€˜์‚ฌ๋žŒโ€™์ฒ˜๋Ÿผ ํ•˜๋‚˜์˜ ์ถ”์ƒํ™”๋œ ํด๋ž˜์Šค๊ฐ€ ์žˆ๊ณ  ์‚ฌ๋žŒ์˜ ์†์„ฑ์„ ๊ฐ€์ง„ ๋ฏธ์˜์ด, ์˜์ˆ˜, ์ฒ ์ˆ˜ ๋“ฑ ๊ฐ๊ฐ์˜ ๊ฐœ์ธ๋“ค์ด ์žˆ๋Š” ๊ฒƒ์ฒ˜๋Ÿผ ๊ฐ์ฒด๋ผ๋Š” ํ•˜๋‚˜์˜ ํฐ ํ‹€์„ ๋งŒ๋“ค๊ณ  ๊ทธ ์†์„ฑ๋“ค์„ ์ง€๋‹Œ ์กด์žฌ๋“ค์„ ๋งŒ๋“ค์–ด๋‚ด๋Š” ๊ฒƒ์ด ๊ฐ์ฒด์ง€ํ–ฅ ํ”„๋กœ๊ทธ๋ž˜๋ฐ์ด๋‹ค.

์ถœ์ฒ˜ : https://terms.naver.com/entry.naver?docId=3609894&cid=58598&categoryId=59316

profile
์•ˆ๋…•ํ•˜์„ธ์š” ํ”„๋ก ํŠธ์—”๋“œ ๊ฐœ๋ฐœ์ž์ž…๋‹ˆ๋‹ค. ๊ธ€์„ ์ด์ „ ์ค‘์ž…๋‹ˆ๋‹ค.

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