JavaScript ๋ฌธ๋ฒ - ๋ณ์, ์กฐ๊ฑด๋ฌธ, ๋ฐ๋ณต๋ฌธ , ํจ์
- -
* ์๋ณ์
๋ณ์ , ๋ฆฌํฐ๋ด(์์), ํจ์ ๋ฑ์ ์ด๋ฆ์ ๋๋ค.
์ด๋ฌํ ์๋ณ์๋ฅผ ๋ง๋ค๋๋ ๊ท์น์ด ์๋๋ฐ ๋ค์๊ณผ ๊ฐ์ต๋๋ค.
1. ์ซ์๋ก ์์ํ ์ ์์ต๋๋ค.
2. ์์ฝ์ด (if, True , False)๋ฑ์ ์ฌ์ฉ ๋ถ๊ฐํฉ๋๋ค.
3. ๋๋ฌธ์ ์๋ฌธ์๋ฅผ ๊ตฌ๋ถํฉ๋๋ค. ( X๋ x์ ๋ค๋ฅธ ์๋ณ์์ด๋ค)
* ๋ฐ์ดํฐ ํ์
์๋ฐ์คํฌ๋ฆฝํธ์๋ ๋ณ์์ ๋ฐ์ดํฐ ํ์ ์ด ๋ฐ๋ก ์๋ค. ๋ฐ๋ผ์ ๋ค์๊ณผ ๊ฐ์ด ๋ณ์๋ฅผ ์ ์ธํ๋ฉด ๋๋ค.
๋ณ์ ์ ์ธ
var sum =1 ; // var๋ฅผ ์ด์ฉํ์ฌ ์ ์ธ๊ฐ๋ฅ
var a, b, c ; // ์ฌ๋ฌ๊ฐ์ง๋ฅผ ๋์์ ์ ์ธํด๋ ๋จ
data = 9; // var ์์ด ์ ์ธํ์ฌ๋ ๋ฌด๋ฐฉ
string = "hello world" ; // ๋ฐ์ดํฐํ์
์ด ๋ฐ๋ก ์์ผ๋ฏ๋ก ๋ฌธ์์ด๋ ์ ์ฅ๊ฐ๋ฅ.
var๋ฅผ ์ด์ฉํ์ฌ ์ ์ธํด๋ ๋๊ณ , ์ฌ๋ฌ๊ฐ์ ๋ณ์๋ฅผ ๋์์ ์ ์ธํด๋ ๋ฉ๋๋ค. (๊ฐ์ ์ด๊ธฐํํด์ฃผ์ง ์์ผ๋ฉด undefined๋ผ๋ ๊ฐ์ผ๋ก ์ด๊ธฐํ๋จ)
์ง์ญ๋ณ์์ ์ ์ญ๋ณ์
var add; // ํจ์ ๋ฐ์ ์ ์ธํ๋ฉด ์ ์ญ๋ณ์.
function cal(){
var sum = 0; // ํจ์ ๋ด๋ถ + var = ์ง์ญ๋ณ์
k = 1; // ์ ์ญ๋ณ์
add = 3+1; //์ ์ญ๋ณ์
}
์ธ์ฐ๊ธฐ ์ฝ๊ฒ ํจ์ ๋ด์์ var ํค์๋๋ฅผ ์ฌ์ฉํ์ฌ ์ ์ธํ ๋๋ง ์ง์ญ๋ณ์๊ฐ ๋ฉ๋๋ค.
this
var score = 80; // ์ ์ญ๋ณ์ score
function score_sum (){
var score = 70; //์ง์ญ๋ณ์ score
score = 90 // ๊ทธ๋ฅ score๋ฅผ ์ฌ์ฉํ๋ฉด ์ง์ญ๋ณ์
this.score = 80 // this๋ฅผ ๋ถ์ฌ์ฃผ๋ฉด ์ ์ญ๋ณ์ score
}
score๋ผ๋ ๊ฐ์ ์ด๋ฆ์ ์ ์ญ๋ณ์, ์ง์ญ๋ณ์๊ฐ ์์๋๋ this๋ผ๋ ํค์๋๋ก ๊ตฌ๋ถํ์ฌ ์ฌ์ฉ ๊ฐ๋ฅํฉ๋๋ค.
ํจ์ ๋ด์์ this.score ๋ฅผ ์ฌ์ฉํ๋ฉด ์ ์ญ๋ณ์ this๋ฅผ, ๊ทธ๋ฅ score๋ผ๊ณ ํ๋ฉด ์ง์ญ๋ณ์๋ฅผ ๋ํ๋ ๋๋ค.
document.write()
์๋ฐ์คํฌ๋ฆฝํธ์ print๋ฌธ ๊ฐ์ ๋๋์ ๋๋ค. ์ ๋ ฅํ ๋ด์ฉ์ด html๋ฌธ์์ ์ถ๋ ฅ๋ฉ๋๋ค.
document.write("print"+"this"+"<br>")
์ฌ๋ฌ๊ฐ๋ฅผ ์ถ๋ ฅํ ๋๋ ์ฝค๋ง(,)๊ฐ ์๋+ ์ฐ์ฐ์๋ฅผ ์ฌ์ฉํฉ๋๋ค.
์ค๋ฐ๊ฟ์ htmlํ๊ทธ <br>์ ์ฝ์ ํ์ฌ ํ๋ฉด ๋ฉ๋๋ค.
* ์ฐ์ฐ์
์ฐ์ฐ | ์ฐ์ฐ์ |
์ฐ์ | + - * / % |
์ฆ๊ฐ | ++ -- |
๋นํธ | & | ^ ~ |
์ํํธ | >> << >>> |
๋์ | = *= /= += -= |
๋น๊ต | > >= <= == != |
๋ ผ๋ฆฌ | && || ! |
์กฐ๊ฑด | ? : |
* ๋๋๊ธฐ์ ๊ฒฐ๊ณผ๋ ์ค์๊ฐ์ผ๋ก ๋ฐํ๋๋ค.
* ์ฆ๊ฐ์ฐ์ฌ๋ ๋ณ์์ ์์ ๋ถ์๋์ ๋ค์ ๋ถ์๋๊ฐ ๋ค๋ฅด๋ค. ex) x++ , ++x
* ์กฐ๊ฑด์ฐ์ฐ์ ๋ค์๊ณผ ๊ฐ์ ๊ตฌ์กฐ.
์กฐ๊ฑด๋ฌธ ? (True์ผ๋์ ๋ฐํ๊ฐ) : (False์ผ๋์ ๋ฐํ๊ฐ)
์กฐ๊ฑด์ฐ์ฐ
var a = 8;
b = (a == 8 ? "True" : "False");
document.write(b)
>>>>>> True๊ฐ ์ถ๋ ฅ๋ฉ๋๋ค.
๋ฌธ์์ด + ๋น๊ต์ฐ์ฐ = ์ฌ์ ์
var ex1 = 'A'
var ex2 = 'F'
document.write(ex1 < ex2)
๋ฌธ์์ด์ ์ฌ์ ์์ ๋ฐ์ ธ๋ณด์์๋, ์์ ์๋(A์ ๊ฐ๊น์ด) ๋ฌธ์๊ฐ ๋ ์๋ค๊ณ ํ๋จํ๊ฒ๋ฉ๋๋ค.
๋ฐ๋ผ์ ์ ์ฝ๋์์๋ 'true'๊ฐ ์ถ๋ ฅ๋ฉ๋๋ค.
* ์กฐ๊ฑด๋ฌธ
if - else
if (์กฐ๊ฑด์) {
์คํ๋ฌธ;
}
else if(์กฐ๊ฑด์){
์คํ๋ฌธ;
}
else{
์คํ๋ฌธ;
}
switch
switch(์) {
case ๊ฐ: // ๊ฐ์๋ ๋ณ์, ๋๋ ์ฐ์ฐ์๊ฐ ๋ค์ด๊ฐ ์ ์์ต๋๋ค.๋ฆฌํฐ๋ด(์์)๋ง ๊ฐ๋ฅ
์คํ๋ฌธ;
break;
case ๊ฐ2:
์คํ๋ฌธ;
break;
default:
์คํ๋ฌธ;
}
default๋ else์ ๊ฐ์ด case์ ์ผ์นํ๋ ํญ๋ชฉ์ด ์์๋ ์คํ๋ฉ๋๋ค. (๊ทธ๋ฆฌ๊ณ default๋ ์๋ต ๊ฐ๋ฅํฉ๋๋ค.)
* ๋ฐ๋ณต๋ฌธ
์กฐ๊ฑด์์ด ์ฐธ์ธ ๋์ ๋ฐ๋ณตํ์ฌ ์คํ๋ฉ๋๋ค.
for
for(์ด๊ธฐํ๋ฌธ; ์กฐ๊ฑด์; ์ฆ๊ฐ์){
์์
๋ฌธ
}
* ์ ์ ์ปค์ง๋ '@'์ถ๋ ฅํ๊ธฐ
<!DOCTYPE html>
<body>
<script>
for (var size = 10; size < 50;size +=5){
document.write("<div style='font-size:"+size+"px'>"+"@"+"</div>")
}
</script>
</body>
</html>
while ๋ฌธ
์กฐ๊ฑด์์ด ์ฐธ์ธ ๋์ ๋ฐ๋ณตํ์ฌ ์์ ๋ฌธ์ ์คํํฉ๋๋ค.
while(์กฐ๊ฑด์){
์์
๋ฌธ
}
while ์์ : 0๋ถํฐ ์ฌ์ฉ์๊ฐ ์ ๋ ฅํ n๊น์ง์ ํฉ ๊ตฌํ๊ธฐ.
<!DOCTYPE html>
<body>
<script>
var n = prompt("0๋ถํฐ n๊น์ง์ ํฉ์ ๊ตฌํฉ๋๋ค. n์ ์
๋ ฅํด์ฃผ์ธ์","")
n = parseInt(n);
var i =0, sum=0;
while(i<n){
++i
sum += i
}
document.write("n๊น์ง์ ํฉ์ : ",sum)
</script>
</body>
</html>
parseInt( string , ์ง๋ฒ )
parseInt( string , ์ง๋ฒ ) // ๋ฌธ์์ด์ ์ซ์ํ์ผ๋ก ๋ฐ๊ฟ๋๋ค.
2์ง์, 8์ง์..... ๋ฑ์ผ๋ก๋ ๋ฐ๊ฟ ์ ์์ต๋๋ค. ๋ํดํธ๋ 10์ง์์
๋๋ค.
do - while๋ฌธ
do{
์์
๋ฌธ
} while(์กฐ๊ฑด์);
while์ ์กฐ๊ฑด์ด ์ฑ๋ฆฝํ์ง ์์ผ๋ฉด ์์ ๋ฌธ์ด ์คํ๋์ง ์์ต๋๋ค. do-while๋ฌธ์ ์ต์ 1๋ฒ ์์ ๋ฌธ์ด ์คํ๋ฉ๋๋ค. (์์ ๋ฌธ ์คํ ํ์ ์กฐ๊ฑด์์ ๊ฒ์ฌํ๋ฏ๋ก..)
'
* ํจ์ (function)
๋ฐ์ดํฐ๋ฅผ ์ ๋ฌ๋ฐ์, ์ผ์ ํ ์์ ์ ์ํ ํ ๊ฒฐ๊ณผ๋ฅผ ๋๋๋ ค์ค๋๋ค. ๋๋๋ ค์ฃผ๋ ๊ฒฐ๊ณผ๋ ๋ฆฌํด์ด๋ผ๊ณ ํ๋ฉฐ, ๋ฆฌํด์ด ์๋ ํจ์๋ ์์ต๋๋ค.
function ํจ์์ด๋ฆ(๋งค๊ฐ๋ณ์){
ํจ์ ์
๋ฆฌํด
}
'๐ป Web > -- JAVA SCRIPT' ์นดํ ๊ณ ๋ฆฌ์ ๋ค๋ฅธ ๊ธ
jQuery๋ ? selector (์ ํ์) , val (๊ฐ ๊ฐ์ ธ์ค๊ธฐ) , ๊ฐ๋จ ์์ , ์ฌ์ฉ๋ฒ (0) | 2020.05.26 |
---|---|
(Javascript) - ํจ์๋ค (0) | 2020.05.05 |
(Javascript) ๋ฐ์ดํฐ ํ์ (Data type) - ๋ฌธ์์ด , ์ซ์ (0) | 2020.05.05 |
JavaScript - eval( ) , parseInt( ) , isNaN( ) (0) | 2020.03.24 |
๋น์ ์ด ์ข์ํ ๋งํ ์ฝํ ์ธ
์์คํ ๊ณต๊ฐ ๊ฐ์ฌํฉ๋๋ค