LanguageJavaScript

2장. JavaScript 문법

문장

자바스크립트에서 문장(Statement)은 프로그램의 한 단계를 나타내는 기본 프로그래밍 단위. 예를 들어..
alert('hello world!');
라는 하나의 문장은 hello world! 라는 메시지가 쓰인 경고창을 엽니다.

명령어

alert()같은 명령어를 함수(function) 또는 메소드(methods)라고 한다.
isNaN()같은 메소드는 특정 값이 숫자인지 아닌지 체크하는 메소드로, 방문객이 숫자로 대답해야 하는 경우 쓰면 유용하다.
그 외에도 여러 함수들이 있지만 나중에 필요할 때 사용하면서 확인을 해볼것.

자료형

자바스크립트의 가장 일반적인 3가지 자료형은 숫자(number), 문자열(string), 부울값(boolean)이 있다.

  • 숫자
    우리가 일반적으로 알고 있는 숫자 체계와 거의 비슷하다고 볼 수 있다.
    아래와 같이 연산자(operation)이 들어간 계산도 가능하다.
    ex) document.write(5+15);
  • 문자열
    기본적으로 위에서 언급한 alert('hello world!')라는 메소드 안에 들어가 있는 문자열을 의미한다.
    문자열을 감쌀때는 큰 따옴표(“…”)와 작은 따옴표(‘…’) 둘 다 사용이 가능하다.
  • 부울값
    흔히 알고 있는 true 또는 false 이 2가지 값을 의미한다.
변수

일반적으로 프로그래밍에서 쓰는 변수의 의미와 같다고 보면 된다.
변수를 만드는 과정으로는 선언(declaring)과 명명(naming)
의 두 단계를 거친다.
ex) var score;
위 예제를 볼 때 var 부분은 변수를 만드는 또는 선언하는 키워드이고, score는 변수의 이름 즉 변수명이다.
변수의 이름을 정할 때는 몇가지 규칙이 있다. (5,6번은 주의해서 쓰면 좋은 경우이다)

  • 변수명은 영문자, $, _로만 시작해야 한다.
  • 변수명은 문자, 숫자, $, 그리고 _만 포함할 수 있다.
  • 변수명은 대,소문자를 구분한다.
  • 키워드는 사용을 할 수 없다.
    ex) var, alert, document, window…
  • 변수명은 본인이 쓸 때 그 의미가 명확하게 드러나는 것이 좋다.
  • 변수명은 이름을 읽기 쉽게 만드는것이 좋다.
    변수 사용하는 방법은 다른 언어와 다를바가 크게 없기 때문에 생략한다.
배열

여러가지 값(정보)을 담기 위해서는 배열을 사용하면 된다.
역시 일반 언어의 배열과 크게 다르지는 않다.

1
2
3
var days = ['Mon','Tues','Wed','Thurs','Fri','Sat','Sun'];
var days = new Array('Mon', 'Tues', 'Wed');
var playList = [];

배열의 원소에 접근하는 방법 역시 동일하다.
days[0] = 'Monday';< 0번째 배열의 값이 Monday라는 String형으로 바뀐다.
배열의 원소를 추가하는 방법은 아래와 같다.
ex) var p = [0,1,2,3]이라고 가정한다.
1) 배열 끝에 한 가지 값을 추가 : .length property
ex) p[p.length]=4 ===== 실행후 =====> [0,1,2,3,4]
2) 배열 끝에 하나 이상의 값을 추가 : push()
ex) p.push(4,5,6) ===== 실행후 =====> [0,1,2,3,4,5,6]
3) 배열 앞에 하나 이상의 값을 추가 : unshift()
ex) p.unshift(4,5) ===== 실행후 =====> [4,5,0,1,2,3]
배열의 원소를 삭제하는 방법은 아래와 같다.
ex) var p = [0,1,2,3]이라고 가정한다.
1) 배열의 마지막 원소 제거 : pop()
ex) p.pop() ===== 실행후 =====> [0,1,2]
2) 배열의 첫 번째 원소 제거 : shift()
ex) p.shift() ===== 실행후 =====> [1,2,3]
배열의 중간에 원소를 추가하거나 삭제를 하려면 splice()라는 메소드를 이용하면 된다.
1) 원소를 삭제할 경우 : splice(시작 인덱스, 삭제할 원소 개수)
var p = [0,1,2,3];
p.splice(1,2) ===== 실행후 =====> [0,3]
2) 원소를 추가할 경우 : splice(삽입할 인덱스, 0, 추가할 원소들…)
var p = [0,1,2,3];
p.splice(2,0,4,5) ===== 실행후 =====> [0,1,4,5,2,3]
3) 원소를 교체할 경우 : splice(시작 인덱스, 삭제할 원소 개수, 교체할 원소들…)
var p = [0,1,2,3];
p.splice(2,2,4,5,) ===== 실행후 =====> [0,1,4,5]

Share