💻 Web/-- JAVA SCRIPT

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

Contents

새소식

인기 검색어