[3] JavaScript - 기본개념

[1] 기본 용어 정리

- 표현식 : 값을 만들어내는 간단한 코드 ( 10 , 10+20 , korean )

- 문장 : 하나의 표현식이 모여 만들어짐 ( 10+20+30; )

- 식별자 : 이름을 붙일 때 사용

  

  규칙 : 키워드사용x , 숫자로시작x, _ or $ 만 사용가능, 공백사용x

                                         

 단독으로 사용            다른 식별자와 사용

  식별자 뒤에 괄호가 있음            함수                           메서드

  식별자 뒤에 괄호가 없음            변수                            속성

- 주석 : /* ... */ or // 

[2] 출력

<script>

alert ( "Hello, World !");

<script>

- alert : 함수, "Hello, World!" : 매개변수

- 매개변수

- 문자열 ( "" 내부에 들어가야함 )

- \n : 줄바꿈

- \' : '

- \" : "

- \\ : 역슬래쉬

- 숫자 자료형

- 사칙 연산자 ( +, -, *, / ) , 나머지연산자(%)를 사용한다

- 불 자료형

- 참과 거짓을 표현

- alert(294>290) → true

- 연산자

- 일치 연산자

- === : 양변이 자료형까지 모두 일치

- !== : 양변이 불일치

- 비교 연산자

- >= , <= , > , <

- == : 양변이 일치

- != : 양변이 불일치

- 논리 연산자

- && : 논리곱 연산자 → 양변이 모두 참이여야 참

- || : 논리합 연산자 → 양변이 모두 거짓이어야 거짓

- 복합 대입 연산자

- += : 기존 변수에 값을 더한다

- -= : 기존 변수에 값을 뺀다

- *= : 기존 변수에 값을 곱한다

- /= : 기존 변수에 값을 나눈다

- %= : 기존 변수의 나머지를 구한다

- 증감 연산자

- variable++ : 기존 변수에 1을 더한다 (후위)

- variable--   : 기존 변수에 1을 뺀다 (후위)

- ++variable : 기존 변수에 1을 더한다 (전위)

- --variable  : 기존 변수에 1을 뺀다 (전위)

- ex) var number = 10;

 ++number → 11

 number++ → 11  ( 문장이 실행 된 후 증감이 적용 )

 number → 12

[3] 변수

- 자바스크립트에는 6가지 자료형이 있다.

- 변수에는 모든 자료형을 저장할 수 있다.

- string, number, boolean, function, object, undefined

[4] 입력

- 문자열 입력방법 → prompt ( 'message' , '기본값' )

- 문자 → 숫자 : Number ( '...' )

- 숫자 → 문자 : String ( '...' )

- 불 입력방법 → confirm ( 'message' )

- 불 자료형으로 변환 : Boolean ( '...' )

→ Boolean(0) Boolean(NaN) Boolean('') Boolean(null) Boolean(undefined) 만 false

    나머지 값들은 모두 true

[5] 배열

- 변수들의 집합

- <script>

var array = [ apple, pineapple, orange, ]

  </script>

- 배열요소 = array [ Index ]

   apple    = array [ 0 ]

   pineapple = array [ 1 ]

   orange   = array [ 2 ]

- array.length = 3

- 문자열도 배열처럼 length 속성이 있다.

 <script>

var stirng = "abcde"

  </script>

- string.length = 5

- string[2] = c

 

[6] 반복문

- while 반복문

 

①  while ( blooean ) {

실행할 문장

}

②   var i = 0

while ( i < 5 ) { 

alert( ' i 번째 실행 문장' ) ;

i++;

}  

→ 5번 반복 후 종료 

③    do { 실행할 문장 

     } while ( boolean )

→ 최소한 한번은 실행 한다

- for 반복문

①   for ( 초기식 ; 조건식 ; 종결식 ) {  실행할 문장 }

for ( i=0 ; i < 5; i++ ) { alert ( ' i 번째 실행 문장' ) }

②   var array = [ A , B , C , D , E ]

for ( i = 0 ; i < array.length ; i++ ) { 

alert ( array[i] ); }

for ( var i in array ) { alert ( array[i] ); }  

[7] 조건문

- if ( 조건문 ) { 

실행할 문장

    } else { 실행할 문장 };

- if ( 조건문 ) { 

실행할 문장

} else if ( 조건문 ) {

실행할 문장

} else if ( 조건문 ) {

실행할 문장

} else { 

실행할 문장

  };

[8] 함수

- 익명 함수 ( 호출 하기전에 선언해야한다 )

var FunctionName = function () {...};

- 선언적 함수

function FunctionName () {...};

- 함수 호출

FunctionName();

- 가변 인자 함수

ex ) 배열의 요소들의 합을 구하는 함수

function Sum() {

var sum = 0 ;

for ( i=0 ; i < arguments.length ; i++ ) {

sum += arguments[i];

}

return sum ;

}

alert ( sum( 1, 2, 3, 4 ) ;

→ 1+2+3+4 = 8