dmz 개발창고

★자바 스크립트 객체의 개념 이해하기

 객체 지향 프로그래밍이란 프로그램을 작성하는데 필요한 모든 요소를 사람들의 사고 방식이과 비슷하게 모델링한 것

 객체 는 속성(Properties)과 메소드(Method)로 나누어서 구성

 속성

   - 객체를 구성하고 있는 물리적인 구성 요소들을 의미

   - 메소드는 객체들로 할 수 있는 모든 동적인 활동들을 의미

★객체

배열은 객체와 유사한데 배열은 데이터에 접근 할 때 인덱스를 이용하지만 객체는 인덱스를 이용하지 않고 키(다른 언어에서는 변수명)을 이용해서 접근하는 점이 다릅니다.

1)객체 생성

     var 객체명 = {키:데이터, 키:데이터….};

2)객체의 요소 접근

     객체명[키] 또는 객체명.키

★예제

3)메서드 :멤버로 메서드 가능

4)for – in for – in : 구문을 이용하면 객체의 모든 키에 접근이 가능합니다.

5)in : 객체에 속성이 있으면 true를 리턴하고 없으면 false를 리턴합니다.

6)with : with(객체명) { }를 이용하면 {}안에서는 객체명을 생략해서 사용해도 됩니다.

7)객체의 속성 추가

    객체.속성 = 값;

8)객체의 속성 제거 

    delete(객체.속성)

예제

9)생성자 함수

   객체를 생성할 수 있도록 해주는 함수로 내부에서는 this를 이용해서 객체를 생성합니다.

*형식

function 생성자함수명(매개변수)

{ 

    내용

}

생성자를 이용한 객체 생성

var 객체명 = new 생성자함수(매개변수);

 parseInt( ) 함수는 문자 형태의 자료를 계산 가능한 숫자로 변경

      parseInt(문자열, [진수])

 parseInt 함수는 첫번째 매개변수로 주어진 문자열을 두번째 매개변수로 지정한 진법의 정수값으로 변환

 두번째 매개변수를 생략하면 10진수로 인식하여 정수값을 변환

사용자 정의 함수

 자바스크립트에서는 반복되어지는 문장을 함수로 정의하거나 기능에 따라 구분을 하기 위해서 위해 사용자 정의 함수를 제공.

 사용자 정의 함수는 우선 함수를 정의한 후 내장함수와 동일한 방법으로 호출하여 사용

 내장함수와 비교하자면 함수를 정의해야 함

fuction 함수이름(매개변수1, 매개변수2 ...매개변수n) {

    함수에서 처리할 문장 [return 반환값]

}

★ if문 ★

 if문은 결과를 참 또는 거짓으로 가지는 식을 if 다음의 괄호에 지정

 if문은 조건에 만족하는 경우 특정 문장을 수행하고 만족하지 않으면 아무런 문장도 수행하지 않는다.

 특정문장을 수행할 것이니 아닌지를 결정할 때 사용되는 단일 조건 처리문이다.

if(조건식) {

    결과가 참일 때 수행할 문장

} else {

    결과가 거짓일 때 수행할 문장

}

★ switch 문 ★

 switch 문의 사용 용도는 if else 문과 같이 여러 가지 중 하나를 선택할 때 사용

 switch 문은 참이나 거짓의 결과를 반환하는 논리식이 아닌 상수식에 따라 분기

switch(정수식) {

    case 정수값1 : 문장 1;[break;]

    case 정수값2 : 문장 2;[break;] …

    case 정수값n : 문장n;[break;]

    [default:] 문장n+1;

}

★ for 문 ★ 

 for 문은 주로 반복 횟수가 주어진 경우에 사용하는 반복문

 초기식, 조건식, 증감식으로 구성되어 있다.

for(초기식; 조건식; 증감식) {

   반복 처리할 문장

}

★ while 문 ★

 while 문은 돌발적인 사태에 의해 반복문을 벗어나는 반복회수가 결정되지 않는 반복문에 사용

 while 문 다음에는 조건식 하나만 기술

 조건에 만족하는 경우에는 반복 수행하고 조건에 만족하지 않으면 반복문을 벗어남

while( 조건식 ){

    반복 처리할 문장

}

★ do while 문 ★

 while 문과 같이 돌발적인 사태에 의해 반복문을 벗어나는 경우 사용되는 반복문.

 do while 문도 while 문 다음에 조건문을 기술.

 이 조건에 만족하는 경우에는 반복 수행하고 조건에 만족하지 않으면 반복문을 벗어남.

 do while 문은 반복 처리할 문장을 수행한 후 조건을 물어봄.

 그러므로 적어도 한번은 반드시 반복 처리할 문장을 수행.

do {

  반복 처리할 문장

}while( 조건식 );

★ continue 문-제어문을 보조하는 명령문 ★ 

 반복문을 수행하다가 continue 문을 만나면 계속해서 반복 수행

 단지 continue 문 이후에 오는 반복 처리할 문장은 건너 뛰어 처리하지 않고 다음 반복을 시작하기 위해 반복문 시작 부분으로 간다.

 continue 문은 반복문에 내부에서 사용가능하며 어떤 조건에 맞는 경우 continue문이 실행될 수 있도록 조건문(if) 다음에 기술.

★ break 문-제어문을 보조하는 명령문 ★

 break 문 역시 반복문 내부에서 사용하는 명령입니다. continue 문과 동일한 방법으로 기술

 반복문에 내부에서 어떤 조건에 맞는 경우 break문이 실행될 수 있도록 조건문(if) 다음에 기술

 break 문을 만나면 반복 수행을 완전히 종료한다는 점에서 continue문과는 차이점이 있다.

 break 문이 기술된 그 블록에서 벗어나는 용도로 사용.

▣ 자바스크립트에 내장된 대화 상자를 이용한 인터페이스 ▣ 

★ alert 함수 ★

 대화상자를 통해서 사용자에게 메시지를 출력하고자 할 때 사용되는 함수.

 " \n"과 같은 특수문자(줄 바뀜을 지정하는 문자)를 이용하여 대화상자에

출력할 메시지들의 출력형태를 변경할 수 있다

alert ( 출력할 메세지 )

★ Confirm 함수 ★

 메시지를 사용자에게 보여주고 [확인], [취소]를 선택하여 원하는 조치를 취할 수 있도록 한다.

반환값 = confirm(출력할 메시지)

 [반환값]이 true이면 [확인] 단추가 false이면 [취소] 단추가 선택된 것임.

★ prompt 함수 ★

 원하는 데이터를 키보드에서 입력받고 싶을 때 prompt 함수를 사용

 prompt 함수는 입력 대화 상자가 나타나도록 한다.

반환 값 = prompt(메시지, 초기값)