JavaScript Basic - accidentlywoo/legacyVue GitHub Wiki

JavaScript Basic

  • ์Šคํฌ๋ฆฝํŠธ ์–ธ์–ด๋กœ์„œ์˜ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ, ๋ชจ๋“ˆ, ์ •๊ทœํ‘œํ˜„์‹

๊ฐ์ฒด

๊ฐ์ฒด์™€ ๋ฐฐ์—ด์˜ ์ฐจ์ด ๋ฐฐ์—ด์€ ์•„์ดํ…œ์— ๋Œ€ํ•œ ์‹๋ณ„์ž๋กœ ์ˆซ์ž๋ฅผ ์‚ฌ์šฉํ–ˆ๋‹ค. ๋ฐ์ดํ„ฐ๊ฐ€ ์ถ”๊ฐ€๋˜๋ฉด ๋ฐฐ์—ด ์ „์ฒด์—์„œ ์ค‘๋ณต๋˜์ง€ ์•Š๋Š” ์ธ๋ฑ์Šค๊ฐ€ ์ž๋™์œผ๋กœ ๋งŒ๋“ค์–ด์ ธ์„œ ์ถ”๊ฐ€๋œ ๋ฐ์ดํ„ฐ์— ๋Œ€ํ•œ ์‹๋ณ„์ž๊ฐ€ ๋œ๋‹ค. ์ด ์ธ๋ฑ์Šค๋ฅผ ์ด์šฉํ•ด์„œ ๋ฐ์ดํ„ฐ๋ฅผ ๊ฐ€์ ธ์˜ค๊ฒŒ ๋˜๋Š” ๊ฒƒ์ด๋‹ค. ๊ทธ๋Ÿฐ๋ฐ ๋งŒ์•ฝ ์ธ๋ฑ์Šค๋กœ ๋ฌธ์ž๋ฅผ ์‚ฌ์šฉํ•˜๊ณ  ์‹ถ๋‹ค๋ฉด ๊ฐ์ฒด๋ฅผ ์‚ฌ์šฉํ•ด์•ผ ํ•œ๋‹ค. ๋‹ค๋ฅธ ์–ธ์–ด์—์„œ ๊ฐ์ฒด๋ฅผ ์—ฐ๊ด€๋ฐฐ์—ดor ๋งตor ๋”•์…”๋„ˆ๋ฆฌ๋ผ๋Š” ๋ฐ์ดํ„ฐ ํƒ€์ž…์ด ๊ฐ์ฒด์— ํ•ด๋‹น๋œ๋‹ค.

making method 1. var grades = {'a':1,'b':2,'c':3}; var๋กœ ์„ ์–ธํ•˜๊ณ  grades๋ผ๋Š” ๊ฐ์ฒด๋ช…์„ ์ž…๋ ฅํ•˜๊ณ  {}๋กœ ๋ฌถ์–ด์ค€๋‹ค. a,b,c๋Š” key๊ฐ€ ๋˜๊ณ  1,2,3์€ value๊ฐ’์„ ์˜๋ฏธํ•˜๊ฒŒ ๋œ๋‹ค.

making method 2. var grades = {} grades['a'] = '1'; grades['b'] = '2'; grades['c'] = '3';

making method 3. var grades = new object(); grades['a'] = '1'; grades['b'] = '2'; grades['c'] = '3'; ๊ฐ์ฒด ์†์„ฑ์— ์ ‘๊ทผํ•˜๊ธฐ var grades = {'a':1,'b':2,'c':3};์ผ ๋•Œ

alert(grades['c']); 2. alert(grades.c)

  1. for~in๋ฌธ var grades = {'a':1,'b':2,'c':3}; for(key in grades){ document.write("key:"+key+"value : "+grades[key]+<br />"); } ๊ฐ์ฒด ์•ˆ์— ๊ฐ์ฒด๋ฅผ ์ •์˜ํ•˜๊ณ  ํ•จ์ˆ˜์™€ ํ•จ๊ป˜ ์ •์˜๊ฐ€ ๊ฐ€๋Šฅํ•˜๋‹ค. ` var grades = { 'list': {'a':1,'b':2,'c':3}; 'show': function(){ for(var name in this.list){ document.write(name+':'+this.list[name]+"
    "); } } };

grades.show();

`


๋ชจ๋“ˆ(Module)์ด๋ž€?

์ฝ”๋“œ๋ฅผ ์—ฌ๋Ÿฌ๊ฐœ ํŒŒ์ผ๋กœ ๋‚˜๋ˆˆ๋‹ค. ์ž์ฃผ ์‚ฌ์šฉ๋˜๋Š” ์ฝ”๋“œ๋ฅผ ๋ณ„๋„์˜ ํŒŒ์ผ๋กœ ๋งŒ๋“ค์–ด์„œ ํ•„์š”ํ•  ๋•Œ๋งˆ๋‹ค ์žฌํ™œ์šฉ ํ•  ์ˆ˜ ์žˆ๋‹ค. ํ•จ์ˆ˜์˜ ํ™•์žฅํŒ ๊ฐœ๋… ํ•œ๋ฒˆ ๋‹ค์šด๋กœ๋“œ๋œ ๋ชจ๋“ˆ์€ ์›น๋ธŒ๋ผ์šฐ์ €์— ์˜ํ•ด์„œ ์ €์žฅ๋˜๊ธฐ ๋•Œ๋ฌธ์— ๋„คํŠธ์›Œํฌ ํŠธ๋ž˜ํ”ฝ์„ ์ ˆ์•ฝํ•  ์ˆ˜ ์žˆ๋‹ค.


์ •๊ทœํ‘œํ˜„์‹(Regular Expression)

  • ๋ฌธ์ž์—ด์„ ์ฒ˜๋ฆฌํ•˜๋Š” ๋ฐฉ๋ฒ•์ค‘ ํ•˜๋‚˜๋กœ, ํŠน์ •ํ•œ ์กฐ๊ฑด์˜ ๋ฌธ์ž๋ฅผ '๊ฒ€์ƒ‰'ํ•˜๊ฑฐ๋‚˜ '์ถ”์ถœ','์น˜ํ™˜'ํ•˜๋Š” ๊ณผ์ •์„ ๋งค์šฐ ๊ฐ„ํŽธํ•˜๊ฒŒ ์ฒ˜๋ฆฌ ํ•  ์ˆ˜ ์žˆ๋„๋ก ํ•˜๋Š” ์ˆ˜๋‹จ์ด๋‹ค.
โš ๏ธ **GitHub.com Fallback** โš ๏ธ