자바스크립트(JavaScript) 기초강좌 - 2장. JavaScript 기본문법


자바스크립트(JavaScript) 기초강좌 - 2장. JavaScript 기본문법

2장. JavaScript 기본문법

2.1) 자바스크립트 변수

*자바스크립트는 자동으로 데이터 유형을 판단하기 때문에 변수선언이 다른 언어보다 간단하다.

일반적인 경우 특별히 변수선언을 할 필요가 없다. 즉 변수를 선언하지 않고 필요한 곳에서 사용하면 되는데, 다만 변수를 선언하고자 하는 경우에는 var키워드를 사용하여 선언한다.

 

예) var total

var aNum, bNum

var count = 10

* 세미콜론(;)은 생략이 가능하나 주로 습관처럼 붙여서 사용한다.

*변수명 작성규칙은 다음과 같다.

    - 변수명은 항상 알파벳이나 '_'로 시작해야 한다.

    - 한글이름은 사용할 수 없다.

    - 대.소문자를 구별한다.

    - 변수명에 스페이스나 콤마, 물음표(?), 인용부호("")는 사용할 수 없다.

    - 예약어(Reserved Word)는 변수명으로 사용 할 수 없다.

 

2.2) Data Type

자바스크립트는 별도의 Data Type을 선언하지 않는다. 변수에 입력되는 값에 의해 Data Type이 판별되어진다.

자바스크립트에서 사용할 수 있는 Data Type은 문자열, 숫자, Boolean, Null들이 있다.

 

* 문자열(String)

자바스크립트에서는 문자열을 큰따옴표("")나 작은따옴표('')사이에 넣어 사용한다.

문자열 내에 특수문자를 표현하고 싶을 때 Escape Sequence(\)를 사용한다.

    예) name = "자바누리"

 

*숫자

자바스크립트에서는 10진수, 8진수, 16진수와 소수점이 있는 실수 및 지수를 사용할 수 있다.

    예) count = 10;

 

* Boolean

true, false를 나타내며 따옴표를 사용하지 않는다.

    예) valid = true

 

*null

정의되지 않은 변수 값으로 '아무것도 없음'을 의미하며 공백문자("")와는 다르다.

    예) a = null;

     if ( a == null )

 

2.3) 연산자(Operator)

자바스크립트의 연산자는 일반 프로그래밍 언어의 연산자와 유사하다.

 

* 산술연산자

    +, -, *(곱하기), /(나누기), %(나머지)

    ++(1씩 증가), --(1씩 감소)

 

* 문자열 연산자 (+)

    '+'연산자를 사용하여 문자열을 하나로 합친다.

    예) str1 = "Hello "; str2 = "Javanuri"

     document.write(str1 + str2) ==> 새로운 문자열 "Hello Javanuri" 생성.

※ '+=' 연산자를 사용하면 앞의 문자열에 뒷 문자열을 덧붙인다(새로운 문자열 생성 않됨)

 

* 할당(Assignment) 연산자

    A = B B의 값을 A에 할당

    A += B A = A + B

    A -= B A = A - B

    A *= B A = A * B

    A /= B A = A / B

    A %= B A = A % B (나머지를 A에 저장한다)

 

* 비교 연산자

    A == B A와 B가 같으면 true, 다르면 false

    A != B A와 B가 같지 않으면 true, 같으면 false

    A > B

    A < B

    A >= B

    A <= B

 

* 논리(Logical) 연산자

    A && B A=true B=true이면 true, 나머지는 모두 false

    A || B A또는 B가 true이면 true, 모두 false면 false

    !A A가 true이면 false, A가 false이면 true

 

* 조건 연산자

(condition)? A : B 조건이 true이면 A를 수행하고, 조건이 false이면 B를 수행한다.

 

* 연산자 우선순위

우선순위

연산자

., [ ], ( ) 

++, --, ! 

*, /, % 

+, - 

<, >, <=, >= 

==, != 

&& 

|| 

? : 

10 

=, +=, -=, *=, /=, %= 

 

 

2.4) Logical Statement

* if문

    if(condition)

     A

    else

     B

 

조건이 true이면 A를, 조건이 false이면 B를 수행한다.

if(조건)...else if(조건) ... else구문도 사용가능하다.

 

* 반복문

종류

설명

I. while문

Entry Condition Loop - 한번도 수행되지 않을 수 있다. while(조건) { ... }

II. do ... while문

Exit Condition Loop - 무조건 한번은 수행된다. do { ... } while(조건)

III. for문

반복횟수가 지정되어 있을때 사용한다. for(초기값; 조건; 증감치) { ... }

 

* switch문

    switch(조건식)
    {
     case value1:
     자바스크립트코드
     break;
    
     case value2:
     자바스크립트코드
     break;
     ...
     default:
     자바스크립트코드
     break;
    }

 

2.5) 함수(Function)

자바스크립트에서 함수란 특정작업을 수행하는 각 코드를 하나로 묶어 놓은 것을 의미한다.

 

* [형식]

function 함수명(parameter1, parameter2, ... )

{

...

}

 

* 함수를 선언할 때 function 키워드를 사용한다.

* 함수 선언부에 함수의 return type은 명시하지 않는다.

* Parameter를 사용하지 않으면 괄호 안을 비워 둔다.

* 함수를 <BODY>태그 내에서 호출할 때 <SCRIPT> ~ </SCRIPT>내에 하도록 한다.

* Parameter를 선언할 때 var 키워드를 사용하지 않는다.

* 함수에서 값 전달 방식은 Passing by value방식을 취한다.

* return문을 만나면 자바스크립트 코드는 더 이상 수행되지 않는다. 따라서 return문은 스크립트 코드 마지막에 넣도록 한다.

 

* 예제

<HTML>

<HEAD>

<SCRIPT Language="JavaScript">

function total(a, b, c) {

return a + b + c;

}

</SCRIPT>

</HEAD>

 

<BODY>

<SCRIPT>

document.write( "10 + 20 + 30 = " + total(10, 20, 30) );

</SCRIPT>

</BODY>

</HTML>

이미지 맵

'IT Computer Utility/ETC' 카테고리의 다른 글

이전 글 다음 글