Java Script - 2์ฐจ์‹œ๐Ÿฃ

์ด์ •์ธยท2023๋…„ 9์›” 7์ผ
0

JavaScript

๋ชฉ๋ก ๋ณด๊ธฐ
2/5


๐Ÿฃ2์ฐจ์‹œ๐Ÿฃ

โœ… Number
โœ… String
โœ… Object
โœ… undefined์™€ null



๐Ÿ“ŒNumber

๐Ÿช„Number ์ž๋ฃŒํ˜•์ด๋ž€

  • ์ˆซ์ž๋ฅผ ๋‚˜ํƒ€๋‚ด๋Š” ์ž๋ฃŒํ˜•
  • ์ •์ˆ˜์™€ ์‹ค์ˆ˜๋ฅผ ๊ตฌ๋ถ„ํ•˜์ง€ ์•Š๊ณ  number ์ž๋ฃŒํ˜•์œผ๋กœ ํ†ต์ผํ•จ
  • 64 bit

๐Ÿช„String ์ž๋ฃŒํ˜•์„ Number ์ž๋ฃŒํ˜•์œผ๋กœ ๋ณ€ํ™˜ํ•˜๊ธฐ

  • parseInt ๋˜๋Š” parseFloat ์‚ฌ์šฉํ•˜๊ธฐ

    ๐Ÿ’Žindex.html๐Ÿ’Ž
    
     <html>
         <head>
             <meta charset='utf-8'>
             <script src="lecture05.js"></script>
             <!--JavaScript์€ ์œ„์™€ ๊ฐ™์ด ๋ถˆ๋Ÿฌ์™€ ์‚ฌ์šฉํ•จ-->
         </head>
         <body>
             This is a basic HTML page
         </body>
     </html>
    ๐Ÿ’Žlecture05.js๐Ÿ’Ž
    
    var height = prompt("ํ‚ค๋ฅผ ์ž…๋ ฅํ•ด ์ฃผ์„ธ์š”");
    console.log(height, typeof(height));
    
    var height_int = parseInt(height);
    console.log(height_int, typeof(height_int));
    
    var height_float = parseFloat(height);
    console.log(height_float, typeof(height_float));

  • NAN = Not a Number
    : parseInt ์™€ parseFloat ์€ ๋ฌธ์ž์—ด์˜ ์‹œ์ž‘๋ถ€ํ„ฐ (์ธ์‹ํ•  ์ˆ˜ ์žˆ๋Š” ์ˆซ์ž๋ฅผ) ์ธ์‹ํ•จ.
    : ์ˆซ์ž๊ฐ€ ์•„๋‹Œ ๋ฌธ์ž๋กœ ์‹œ์ž‘ํ–ˆ๊ธฐ ๋•Œ๋ฌธ์— Not a Number ๋ฅผ ์ถœ๋ ฅํ•จ

๐Ÿ“ŒString

๐Ÿช„String ์ž๋ฃŒํ˜•์ด๋ž€

๐Ÿ’Žlecture06.js๐Ÿ’Ž

 var a = '๋ฌธ์ž์—ด์€ ๋”ฐ์˜ดํ‘œ๋กœ ๋‘˜๋Ÿฌ์‹ธ๋ฉด ๋ฉ๋‹ˆ๋‹ค.';
 var b = "์Œ๋”ฐ์˜ดํ‘œ๋กœ๋„ ๋ฌธ์ž์—ด์„ ํ‘œํ˜„ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.";

 var c = "์Œ๋”ฐ์˜ดํ‘œ ๋ฌธ์ž์—ด์—๋Š” ๋”ฐ์˜ดํ‘œ '๋ฅผ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.";
 var d = '๋”ฐ์˜ดํ‘œ ๋ฌธ์ž์—ด์—๋Š” ์Œ๋”ฐ์˜ดํ‘œ "๋ฅผ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.';

 var e = "๋”ฐ์˜ดํ‘œ๋ฅผ ์“ฐ๊ณ  ์‹ถ๋‹ค๋ฉด \'์ด๋ ‡๊ฒŒ\' ์‚ฌ์šฉํ•˜๋ฉด ๋ฉ๋‹ˆ๋‹ค. ๋งˆ์ฐฌ๊ฐ€์ง€๋กœ \"์Œ๋”ฐ์˜ดํ‘œ\"๋„ ์“ธ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.";
 var f = '๋”ฐ์˜ดํ‘œ๋ฅผ ์“ฐ๊ณ  ์‹ถ๋‹ค๋ฉด \'์ด๋ ‡๊ฒŒ\' ์‚ฌ์šฉํ•˜๋ฉด ๋ฉ๋‹ˆ๋‹ค. ๋งˆ์ฐฌ๊ฐ€์ง€๋กœ \"์Œ๋”ฐ์˜ดํ‘œ\"๋„ ์“ธ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.';

 var g = "\\ ๋ฌธ์ž๋ฅผ ์“ฐ๊ณ  ์‹ถ๋‹ค๋ฉด ์—ญ์Šฌ๋ž˜์‹œ๋ฅผ ๋‘๋ฒˆ ์”๋‹ˆ๋‹ค.";

 var h = "๋ฌธ์ž์—ด์—์„œ ์ค„๋ฐ”๊ฟˆ์„ ํ•˜๊ณ  ์‹ถ๋‹ค๋ฉด, \n ์—ญ์Šฌ๋ž˜์‹œn์„ ์‚ฌ์šฉํ•ฉ๋‹ˆ๋‹ค.";

 var i = a + b;

 var j = "abcde";

๐Ÿ“ŒObject

๐Ÿช„Object ์ž๋ฃŒํ˜•์ด๋ž€

  • ๊ฐ์ฒด
  • ์ค‘๊ด„ํ˜ธ {} ์„ ์‚ฌ์šฉํ•ด ๋งŒ๋“ฆ
  • var ๊ฐ์ฒด ์ด๋ฆ„ = {}; ์œผ๋กœ ์ •์˜ํ•จ

๐Ÿช„Object ์†์„ฑ

  • ์†์„ฑ์˜ ๊ฐ’์€ ๋ชจ๋“  ์ž๋ฃŒํ˜•์ด ๋  ์ˆ˜ ์žˆ๋‹ค.

  • object ๋„ object์˜ ์†์„ฑ ๊ฐ’์ด ๋  ์ˆ˜ ์žˆ๋‹ค.

    var man = { name:"ํ™๊ธธ๋™", age:20, height:180};
    // name, age, height = ์†์„ฑ
    // "ํ™๊ธธ๋™", 20, 180 = ์†์„ฑ์˜ ๊ฐ’
  • ์†์„ฑ์— ์ ‘๊ทผํ•˜๋Š” ๋ฒ•
    : (1) ๊ฐ์ฒด์ด๋ฆ„.์†์„ฑ์ด๋ฆ„ ex) man.name
    : (2) ๊ฐ์ฒด์ด๋ฆ„ ["์†์„ฑ์ด๋ฆ„"] ex) man["name"]

  • ์†์„ฑ์˜ ๊ฐ’์„ ๋ณ€๊ฒฝํ•˜๋Š” ๊ฒƒ์€ ๋ณ€์ˆ˜์˜ ๊ฐ’์„ ๋ณ€๊ฒฝํ•˜๋Š” ๊ฒƒ๊ณผ ๊ฐ™์Œ.


๐Ÿ“Œundefined ์™€ null

๐Ÿช„undefined

  • ๊ฐ’์ด ์—†์Œ์„ ์˜๋ฏธํ•จ.

  • ๋ณ€์ˆ˜๋ฅผ ์ดˆ๊ธฐํ™”ํ•˜์ง€ ์•Š๊ณ  ์„ ์–ธ๋งŒ ํ•ด ๋‘์—ˆ์„ ๋•Œ ๋ฐœ์ƒ

  • ๊ฐ์ฒด์˜ ์ •์˜๋˜์ง€ ์•Š์€ ์†์„ฑ์„ ์ถœ๋ ฅํ•  ๋•Œ ๋ฐœ์ƒ ex) obj.z;

    ๐Ÿ’Žlecture07.js๐Ÿ’Ž
    
     var uninitialized_var;
    
     var obj = {
                     x:1,
                     y:2
             };

    ๐Ÿช„null

  • ๊ฐ’์ด ์—†์Œ์„ ์˜๋ฏธํ•จ

  • ์˜๋„์ ์œผ๋กœ ๋น„์–ด์žˆ๋Š” ๋ฌด์˜ ์ƒํƒœ๋ฅผ ๋‚˜ํƒ€๋‚ด๊ธฐ ์œ„ํ•ด ์ €์žฅํ•˜๋Š” ๊ฐ’


profile
๋‘‰์ด๋‹

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