Web

์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ๋ณ€์ˆ˜, ๋ฐฐ์—ด(Array), ๊ฐ์ฒด(Object)

๋…ธ๋ฃจ๋ฃฝ 2021. 1. 14. 03:28

๋ณ€์ˆ˜

  • let: ๋ณ€์ˆ˜์˜ ๊ฐ’์„ ๋ฐ”๊ฟ€ ์ˆ˜ ์žˆ๋‹ค. (์žฌ์„ ์–ธ X, ์žฌํ• ๋‹น O)
  • const: ์ƒ์ˆ˜. ๋ณ€์ˆ˜์˜ ๊ฐ’์„ ๋ฐ”๊ฟ€ ์ˆ˜ X. ์›ฌ๋งŒํ•˜๋ฉด ์ด๊ฑธ๋กœ ์„ ์–ธํ•˜๊ธฐ! (์žฌ์„ ์–ธ X, ์žฌํ• ๋‹น X)
  • var: ์“ฐ์ง€๋ง๊ธฐ!!!!!! (์žฌ์„ ์–ธ O, ์žฌํ• ๋‹น O)

 

๋ณ€์ˆ˜๋ช… - Camel case

์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ์˜ ๋ณ€์ˆ˜๋ช…, ํ•จ์ˆ˜๋ช…์€ Camel case๋ฅผ ๋งŽ์ด ๋”ฐ๋ฅธ๋‹ค.

  • ๋ณ€์ˆ˜๋ช…์˜ ์‹œ์ž‘์€ ๋ฌด์กฐ๊ฑด ์†Œ๋ฌธ์ž.
  • ์ค‘๊ฐ„์— ๊ณต๋ฐฑ์ด ํ•„์š”ํ•˜๋‹ค๋ฉด, ๊ณต๋ฐฑ ๋Œ€์‹  ๋‹จ์–ด์˜ ์ฒซ ๊ธ€์ž๋ฅผ ๋Œ€๋ฌธ์ž๋กœ.
  • ๊ณต๋ฐฑ, -, / ๊ฐ™์€ ํŠน์ˆ˜๋ฌธ์ž๋“ค ์‚ฌ์šฉ X.

 

๋ฐฐ์—ด (Array)

  • [] ๋ถ€ํ˜ธ ์‚ฌ์šฉ.
  • index๋กœ ์›ํ•˜๋Š” ๊ฐ’์„ ์ฐพ์„ ์ˆ˜ ์žˆ๋‹ค.
  • ๋ชจ๋‘ ๊ฐ™์€ ๋ฐ์ดํ„ฐํƒ€์ž…์ผ ํ•„์š” X
  • array์† array๋„ ๊ฐ€๋Šฅ.
  • array์† object๋„ ๊ฐ€๋Šฅ.

 

๊ฐ์ฒด (Object)

const HJInfo = {
  name: "HJ",
  age: 33, 
  gender: "Female",
  isCute: true,
  favMovie: ["Eternal Sunshine", "Get Out"]
  favFood: [
    {
      name: "Chicken",
      fatty: true
    },
    {
      name: "Kimchi",
      fatty: false
    }
  ]
}

console.log(HJInfo.age); // 33

HJInfo.age = 20

console.log(HJInfo.age); // 20
  • {} ๋ถ€ํ˜ธ ์‚ฌ์šฉ.
  • key๋กœ ์›ํ•˜๋Š” ๊ฐ’์„ ์ฐพ์„ ์ˆ˜ ์žˆ๋‹ค.
  • object์† object๋„ ๊ฐ€๋Šฅ.
  • object์† array๋„ ๊ฐ€๋Šฅ.
  • ๊ฐ์ฒด ์† ๊ฐ’์„ ๋ฐ”๊ฟ€ ์ˆ˜๋Š” ์žˆ๋‹ค. BUT ๊ฐ์ฒด ์ž์ฒด๋ฅผ ๋ฐ”๊ฟ€ ์ˆ˜ ์—†๋‹ค.
    (HJInfo = true; ์ด๋ ‡๊ฒ ๋ชป ๋ฐ”๊พผ๋‹ค๋Š” ๋œป)