javascript 변수/연산자/함수/배열

javascript

- 자바스크립트는 크로스 플랫폼(cross platform), 객체지향 스크립트 언어로 웹페이지의 동작을 담당합니다.

1. 변수

- 어떠한 값을 담을 수 있는 메모리 공간

* 상수변수 : 값을 바꾸지 않는 변수(대문자로 구성)

* 낙타표기법 : 단어의 첫글자를 대문자로 표기하는 기법으로 첫 번째 단어는 소문자, 두번째 단어부터 첫글자를 대문자로 표현하는게 일반적 입니다.

※ 변수를 만들 때 주의 사항

- 숫자로 시작하면 안 됨

- 대소문자를 엄격히 구분

- 상수변수는 이름을 모두 대문자로만 생성

- 낙타표기법으로 이름을 표기 함

- 이미 정의 된 예약어를 사용하면 안 됨

변수의 종류

① 전역변수 : 어느 영역에서든지 사용할 수 있음

- var를 작성하지 않고 만듬

- 전역변수의 생명주기 : 프로그램 종료될 때 까지

② 지역변수 : 만든 함수 안에서만 사용할 수 있음

- var를 작성하여 만듬

- 지역변수의 생명주기 : 호출된 함수가 종료되면 삭제 됨

* 생명주기 : 만든 지역변수가 메모리에서 삭제되는 기간

* 함수 밖에서는 var를 써도 전역변수로 생성 됨

변수 선언 방법

①var

- 전역 변수, 지역 변수 같은 일반적인 변수를 선언할때 사용합니다.

- 선언만 하고, 초기화를 하지 않으면 'undefined' 값을 가집니다.

②let

- 블록 범위 안에서 유효한 변수를 선언합니다.

- 선언만 하고, 초기화를 하지 않으면 'undefined' 값을 가집니다.

③const

- 읽기 전용 상수를 선언합니다. 

- 선언과 동시에 초기화가 필수이며, 한 번 설정 된 값은 변경할 수 없습니다.

- 선언만 하고, 초기화를 하지 않으면 SyntaxError라는 에러가 발생합니다.

2. 연산자

① 숫자 연산자

+ : 더하기

- : 빼기

* : 곱하기

/ : 나누기

% : 나머지

② 복합 연산자

+= : 오른쪽 값을 왼쪽값에 더하겠다. ex) a=a+b 와 a+=b 는 같은 개념

-= : 오른쪽 값을 왼쪽값에서 빼겠다.

*= : 오른쪽 값을 왼쪽값에서 곱하겠다.

/= : 오른쪽 값을 왼쪽값에서 나누겠다.

%= : 오른쪽 값을 왼쪽값에서 나눈 나머지값을 구하겠다.

③ 증감연산자

변수++; : 변수의 값을 1 증가시키겠다. 

변수--; : 변수의 값을 1 감소시키겠다.

④ 전위 연산자 : 값을 먼저 증가 또는 감소

ex) ++aaa, --aaa

⑤ 후위 연산자 : 값을 나중에 증가 또는 감소

ex) aaa++, aaa--

3. 함수

함수의 종류

* 함수 : 특정 작업을 묶음화 시켜둔 그룹

* 코어 함수 : 이미 만들어져 제공되는 함수

* 사용자 정의 함수 : 프로그래머가 직접 만든 함수

함수 정의(선언)

function 함수이름() {작업내용}

함수 실행(호출)

함수이름();

- 함수를 만들었다고(선언) 그 함수가 바로 가동되진 않습니다. 호출을 해야 함수가 가동됩니다.

함수에 매개변수 담기

ex)

function 함수이름(매개변수) {

alert(매개변수);    // alert 함수에 매개변수를 담음

}

korea("안녕하세요");    // 매개변수 자리에 원하는 문자를 넣고 함수 실행

* 함수가 종료되면 임의로 지정한 매개변수를 사라집니다.

4. 배열

- 변수의 일종

- 어떠한 값을 저장할 수 있는 메모리

- 여러개의 값을 저장 가능

- 배열에는 인덱스 넘버를 사용함

- 인덱스 넘버를 표기할 때는 대괄호 사이에 숫자를 적게 됨

- 배열의 값을 바꿀 수 있음

- 같은 이름으로 다시 배열을 만들면 원래 배열은 사라짐

- 배열 값을 새로 추가할 수 있음

ex)

var i = ["aaa", "bbb", "ccc"];

- 변수 i값에 위 3개의 값을 넣겠다라는 뜻입니다.

alert(i[0]); (i 값의 0번 인덱스 값인 aaa을 출력)

alert(i[1]); (i 값의 1번 인덱스 값인 bbb를 출력)

alert(i[2]); (i 값의 2번 인덱스 값인 ccc를 출력)

alert(i); (i값을 모두 출력)

* 리터럴 방식

<또다른 방법>

var i = new Array(); (변수 i를 배열로 인스턴스화)

i[0]="aaa"; (i 값의 0번 인덱스에 aaa 값을 넣겠다)

i[1]="bbb"; (i 값의 1번 인덱스에 aaa 값을 넣겠다)

* 객체 방식