JavaScript Basic - accidentlywoo/legacyVue GitHub Wiki
- ์คํฌ๋ฆฝํธ ์ธ์ด๋ก์์ ์๋ฐ์คํฌ๋ฆฝํธ, ๋ชจ๋, ์ ๊ทํํ์
๊ฐ์ฒด์ ๋ฐฐ์ด์ ์ฐจ์ด ๋ฐฐ์ด์ ์์ดํ ์ ๋ํ ์๋ณ์๋ก ์ซ์๋ฅผ ์ฌ์ฉํ๋ค. ๋ฐ์ดํฐ๊ฐ ์ถ๊ฐ๋๋ฉด ๋ฐฐ์ด ์ ์ฒด์์ ์ค๋ณต๋์ง ์๋ ์ธ๋ฑ์ค๊ฐ ์๋์ผ๋ก ๋ง๋ค์ด์ ธ์ ์ถ๊ฐ๋ ๋ฐ์ดํฐ์ ๋ํ ์๋ณ์๊ฐ ๋๋ค. ์ด ์ธ๋ฑ์ค๋ฅผ ์ด์ฉํด์ ๋ฐ์ดํฐ๋ฅผ ๊ฐ์ ธ์ค๊ฒ ๋๋ ๊ฒ์ด๋ค. ๊ทธ๋ฐ๋ฐ ๋ง์ฝ ์ธ๋ฑ์ค๋ก ๋ฌธ์๋ฅผ ์ฌ์ฉํ๊ณ ์ถ๋ค๋ฉด ๊ฐ์ฒด๋ฅผ ์ฌ์ฉํด์ผ ํ๋ค. ๋ค๋ฅธ ์ธ์ด์์ ๊ฐ์ฒด๋ฅผ ์ฐ๊ด๋ฐฐ์ด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)
- 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();
`
์ฝ๋๋ฅผ ์ฌ๋ฌ๊ฐ ํ์ผ๋ก ๋๋๋ค. ์์ฃผ ์ฌ์ฉ๋๋ ์ฝ๋๋ฅผ ๋ณ๋์ ํ์ผ๋ก ๋ง๋ค์ด์ ํ์ํ ๋๋ง๋ค ์ฌํ์ฉ ํ ์ ์๋ค. ํจ์์ ํ์ฅํ ๊ฐ๋ ํ๋ฒ ๋ค์ด๋ก๋๋ ๋ชจ๋์ ์น๋ธ๋ผ์ฐ์ ์ ์ํด์ ์ ์ฅ๋๊ธฐ ๋๋ฌธ์ ๋คํธ์ํฌ ํธ๋ํฝ์ ์ ์ฝํ ์ ์๋ค.
- ๋ฌธ์์ด์ ์ฒ๋ฆฌํ๋ ๋ฐฉ๋ฒ์ค ํ๋๋ก, ํน์ ํ ์กฐ๊ฑด์ ๋ฌธ์๋ฅผ '๊ฒ์'ํ๊ฑฐ๋ '์ถ์ถ','์นํ'ํ๋ ๊ณผ์ ์ ๋งค์ฐ ๊ฐํธํ๊ฒ ์ฒ๋ฆฌ ํ ์ ์๋๋ก ํ๋ ์๋จ์ด๋ค.