Coding/JavaScript

[JavaScript] ๋ณ€์ˆ˜์™€ ๋ฐ์ดํ„ฐ ํƒ€์ž…

ํ˜ธ๋ฐ€์ด 2022. 4. 26. 09:24

๐Ÿ“Œ ๋ณ€์ˆ˜๋ž€?

   - ๋ฐ์ดํ„ฐ๋ฅผ ํŽธํ•˜๊ฒŒ ๋‹ค๋ฃจ๊ธฐ ์œ„ํ•œ ๋ฐ์ดํ„ฐ์˜ ์ด๋ฆ„

 

๐Ÿ“Œ  ๋ณ€์ˆ˜์˜ ์„ ์–ธ(declaration) ๋ฐ ํ• ๋‹น(assignment)

  • ์„ ์–ธ: let name;
  • ํ• ๋‹น: name = "ho";   let age = 12;
    • ์„ ์–ธ์ด ๋ฏธ๋ฆฌ ๋˜์–ด์žˆ๋‹ค๋ฉด ๋ณ€์ˆ˜๋ช…์— ๋ฐ”๋กœ ํ• ๋‹น ํ•  ์ˆ˜ ์žˆ๋‹ค.
    • ์„ ์–ธ๊ณผ ํ• ๋‹น์„ ๋™์‹œ์— ํ•  ์ˆ˜ ์žˆ๋‹ค.
  • ๋ณ€์ˆ˜๋ฅผ ์„ ์–ธ ํ•˜๋Š” ๋ฌธ๋ฒ• (var, let, const)
  • var: ๋ณ€์ˆ˜๋ฅผ ์„ ์–ธํ•˜๋Š”๋ฐ ๊ฐ€์žฅ ์˜ค๋ž˜๋œ ๋ฌธ๋ฒ• (ํ˜„์žฌ๋Š”  let์„ ๋งŽ์ด ์‚ฌ์šฉํ•œ๋‹ค.)
    • ์„ ์–ธํ•œ ๋ณ€์ˆ˜๋ฅผ ์ „์—ญ์ ์œผ๋กœ ์‚ฌ์šฉ์ด ๊ฐ€๋Šฅํ•˜๋ฉฐ ๋‘๋ฒˆ ์„ ์–ธํ•  ์ˆ˜ ์žˆ๋‹ค.
  •  let: var๋ฌธ๋ฒ•์˜ ์ƒ์œ„๋ฌธ๋ฒ•์ด๋‹ค.
    • ๋ฒ”์œ„๋Š” ๋ธ”๋ก์œผ๋กœ ์ด๋ฃจ์–ด์ ธ ์žˆ์–ด ๋ฒ”์œ„๋ฅผ ๋ฒ—์–ด๋‚˜๋ฉด ํ˜ธ์ถœํ•  ์ˆ˜ ์—†๋‹ค.
    • let์„ ์‚ฌ์šฉํ•˜์—ฌ ๊ฐ™์€ ๋ธ”๋ก ๋‚ด์—์„œ 2๋ฒˆ ์„ ์–ธ ํ•  ์ˆ˜ ์—†๋‹ค.
let a = 1;
if (true){
   let b = 2;
   // let b = 4;    // ๋‘๋ฒˆ ์„ ์–ธ์œผ๋กœ ์˜ค๋ฅ˜ ๋ฐœ์ƒ (Idetifier 'b' has already been declared)
   console.log(b);  // 2์ถœ๋ ฅ
   console.log(a);  // 1์ถœ๋ ฅ
}

console.log(b);   // ๋ธ”๋Ÿญ๋ฒ”์œ„ ๋ฐ–์œผ๋กœ ํ˜ธ์ถœ๋˜์ง€ ๋ชปํ•จ(is not defined)
console.log(a);	  // 1์ถœ๋ ฅ
  • const: let๊ณผ ์†์„ฑ์€ ๊ฐ™์ง€๋งŒ ์„ ์–ธ ํ•  ๊ฒฝ์šฐ ์‚ฌ์šฉ์ž๊ฐ€ ๋ณ€๊ฒฝํ•  ์ˆ˜ ์—†๋‹ค. (์ƒ์ˆ˜)
const a = 1;
if (true){
   const b = 2;
   // const b = 4;    // ๋‘๋ฒˆ ์„ ์–ธ์œผ๋กœ ์˜ค๋ฅ˜ ๋ฐœ์ƒ (Idetifier 'b' has already been declared)
   console.log(b);  // 2์ถœ๋ ฅ
   console.log(a);  // 1์ถœ๋ ฅ
}

console.log(b);   // ๋ธ”๋Ÿญ๋ฒ”์œ„ ๋ฐ–์œผ๋กœ ํ˜ธ์ถœ๋˜์ง€ ๋ชปํ•จ(is not defined)
console.log(a);	  // 1์ถœ๋ ฅ

a = 10; // ๊ฐ’์ด ๋ณ€ํ•˜๊ธฐ ๋•Œ๋ฌธ์— ์˜ค๋ฅ˜ ๋ฐœ์ƒ

 

๐Ÿ“Œ ๋ณ€์ˆ˜ ์„ ์–ธ์‹œ ์ด๋ฆ„ ๊ทœ์น™

  • ๋ณ€์ˆ˜๋ช…์— ๊ณต๋ฐฑ์„ ์‚ฌ์šฉํ•  ์ˆ˜ ์—†๋‹ค. (ex. let na me;(x),  let name;(o))
  • ๋ณ€์ˆ˜๋ช…์— ๋‹จ์–ด๋งˆ๋‹ค ๋Œ€๋ฌธ์ž๋ฅผ ๋„ฃ์–ด์ค€๋‹ค. (ex. let nameAndAge;)

 

๐Ÿ“Œ ๋ฐ์ดํ„ฐ ํƒ€์ž…

       typeof()๋ฅผ ํ†ตํ•ด ๋ฐ์ดํ„ฐ ํƒ€์ž…์„ ์•Œ ์ˆ˜ ์žˆ๋‹ค.

  • String: ๋ฌธ์žํ˜• ํƒ€์ž…
  • Number: ์ˆซ์žํ˜• ํƒ€์ž… ((2^53 − 1)๋ถ€ํ„ฐ 2^53 − 1๊นŒ์ง€ ์ˆ˜์˜ ๋ฒ”์œ„)
  • BigInt:  Number์˜ ๋ฒ”์œ„๋ฅผ ๋ฒ—์–ด๋‚œ ์ˆซ์žํ˜• ํƒ€์ž…
  • Undefined: ๊ฐ’์„ ํ• ๋‹นํ•˜์ง€ ์•Š์€ ๋ณ€์ˆ˜ ํƒ€์ž…
  • Boolean: ์ฐธ(true)๊ณผ ๊ฑฐ์ง“(false)์„ returnํ•˜๋Š” ํƒ€์ž…
  • Null: null ํ•˜๋‚˜์˜ ๊ฐ’๋งŒ ๊ฐ€์ง€๋Š” ํƒ€์ž… (๊ฐ’์ด ์—†์Œ์„ ๋‚˜ํƒ€๋‚ธ๋‹ค)
  • Symbol: ๊ณ ์œ ํ•˜๊ณ  ๋ณ€๊ฒฝ ๋ถˆ๊ฐ€๋Šฅํ•œ ์›์‹œ๊ฐ’์ด๋ฉฐ ๊ฐ์ฒด์˜ ์†์„ฑ ํ‚ค๋กœ ์‚ฌ์šฉ๊ฐ€๋Šฅํ•œ ํƒ€์ž…
  • function: ํ•จ์ˆ˜ ํƒ€์ž… (์ž‘์€ ๊ธฐ๋Šฅ์˜ ๋‹จ์œ„)
  • object: ๊ฐ์ฒด ํƒ€์ž… (์—ฌ๋Ÿฌ๊ฐ€์ง€ ์†์„ฑ๋“ค์˜ ์ง‘ํ•ฉ)
let num = 0;
let name = "ho";

console.log(typeof(num));   // number type
console.log(typeof name);   // string type (์†Œ๊ด„ํ˜ธ๋ฅผ ์‚ฌ์šฉํ•˜์ง€ ์•Š์•„๋„ ๋œ๋‹ค)

 

'Coding > JavaScript' ์นดํ…Œ๊ณ ๋ฆฌ์˜ ๋‹ค๋ฅธ ๊ธ€

[JavaScript] ๋ฐ˜๋ณต๋ฌธ(for, while)  (0) 2022.04.28
[JavaScript] ๋ฌธ์ž์—ด  (0) 2022.04.27
[JavaScript] ์กฐ๊ฑด๋ฌธ  (0) 2022.04.27
[JavaScript] ํ•จ์ˆ˜  (0) 2022.04.26
JavaScript๋ž€?  (0) 2022.01.26