2011. 8. 11. 10:14

자바스크립트에서의 배열선언 및 값 뽑아오기


1번 - 지정되지 않은 크기의 배열 객체를 선언 후, 값을 대입하는 코드 입니다.

2번 - 1번과 동일한 내용을 괄호 안에 늘어서 표기한 형태 입니다. (1과 동일한 내용입니다)

3번 - 반복문을 이용하여 배열의 내용을 출력합니다.

4번 - 반복문으로 처리가 불가능한 내용을 별도 출력 처리 합니다.



5번은 배열 선언의 다른 한 예시 입니다. (배열 생성 당시에 크기를 미리 고정되게 정하여 생성한 예시 입니다)




Posted by 해비
2011. 8. 11. 09:38

이번에는 객체의 리터럴 형태를 표현해 보도록 하겠다.


1은 일반적인 객체 생성이다.

2는 객체 리터럴 형식의 생성 이다.

3은 해당 값을 출력하기 위한 코드 이다.


위 코드에서 position 은 임의의 변수 이름이다
마찬가지로 left, top 속성도 임의로 준 것이다.

하지만 잘 돌아간다...



일반적인 프로그래밍 언어에서는 해당 객체를 생성하기 위한 클래스를 미리 정의해 두어야 하고, 해당 클래스에서 지원, 또는 작성 되어진 속성들만 사용이 가능 했는데 비해 자바스크립트에서는 임의로 속성값을 매기고 값을 대입, 그리고 다시 불러오는게 가능하다.

한가지 더...

객체 리터럴의 중첩 표현의 예시...



중괄호 안에서 다시 중괄호 열고 속성명:값 을 추가하면 된다.

그리고 해당 값의 접근은 아래 출력 예시 처럼 하면 된다.




Posted by 해비
2011. 8. 10. 22:02


1번은 일반적인 함수의 작성 형태 이고...


2번은 함수 리터럴로 작성된 형태...

어느쪽이 되었건 3번 코드로 출력되는 내용은 9로 동일하다.

...
함수 정의 대신 함수 리터럴을 사용할 만한 이유...
즉, 함수 정의와 함수 리터럴의 차이점...

함수 리터럴은 자바스크립트의 표현식 내에 나타날 수 있다.

표현식 내에... 음??

일단 다음의 코드를 보도록 하자


단 3줄짜리 초간단 코드이다.

1 : 리터럴 형태로 선언된 함수 square
2 : 이 square 에 스스로에 3을 넣어 수행된 결과값 + 1을 대입하고 있다.
3 : 그리고 square 를 출력!!

결과는...

당연히 10 이다.
3 * 3 + 1 = 10

만약 2 라인이 없을 경우... 무엇일 출력 될까...?

바로 1째 줄의 var square = 뒷부분의 내용들... function(x){return x*x;} 이 출력이 된다



Posted by 해비
2008. 5. 19. 13:15

자바 스크립트에서 구현하는 요일 출력하기 입니다.

<script language="JavaScript">
  // 함수 정의
  //-------------------------------------
 
  // 요일 구하기 (년/월/일 입력하면 해당 요일을 출력)
  // Coded by : 구공탄(최영민)
  // 2008-05-19 MON
  // http://www.gugongtan.net
  function ext_day(n_year,n_month,n_day){
   var p_year = n_year -1;
   var p_month = n_month-1;
   var ext = 0;

   ext = parseInt((p_year*365 + parseInt(p_year/4) + day_cnt(n_year,p_month) + e_day -1)%7)

   return day_str(ext)
  }

  //날짜 수 계산
  // (요일 구하기 함수의 부분....)
  function day_cnt(year, month) {
   if(month==1)
    return 31
   else if(month==2){
    if(year%4==0)
     return 60
    else
     return 59
    }
   else if(month==3){
    if(year%4==0)
     return 91
    else
     return 90
    }
   else if(month==4){
    if(year%4==0)
     return 121
    else
     return 120
    }
   else if(month==5){
    if(year%4==0)
     return 152
    else
     return 151
    }
   else if(month==6){
    if(year%4==0)
     return 182
    else
     return 181
    }
   else if(month==7){
    if(year%4==0)
     return 213
    else
     return 212
    }
   else if(month==8){
    if(year%4==0)
     return 244
    else
     return 243
    }
   else if(month==9){
    if(year%4==0)
     return 274
    else
     return 273
    }
   else if(month==10){
    if(year%4==0)
     return 305
    else
     return 304
    }
   else if(month==11){
    if(year%4==0)
     return 335
    else
     return 334
    }
   else if(month==12){
    if(year%4==0)
     return 366
    else
     return 365
    }
  }

  // 요일 표시
  // (요일 구하기 함수의 부분....)
  function day_str(num) {
   if(num==0)
    return "일"
   else if(num==1)
    return "월"
   else if(num==2)
    return "화"
   else if(num==3)
    return "수"
   else if(num==4)
    return "목"
   else if(num==5)
    return "금"
   else
    return "토"
  }


 
  // 처리부...
  document.write(ext_day(2008,5,24))
 </script>



맨 마지막의 ext_day(년,월,일) 을 입력하면 해당요일이 출력됩니다.
혹, 잘못된 부분이나 버그가 존재 할수 있으므로 사용에 참고하시기 바랍니다

Posted by 해비
2008. 3. 21. 08:50


자바스크립트의 간단한 구문을 설명합니다.
학교에서 배운 내용을 기반으로 작성하였습니다.

구문이 대부분 C와 유사하므로, 이 부분은 생략합니다. -_- v


- 절대값 구하기
변수 = Math.abs(Number(a))
- 파란색은 반드시 위와 같은 형태로 대소문자 구분하여 표기해야 함...

ex)
   c=Math.abs(Number(-7))
   document.write("절대 값 : "+c)
- -7에 대한 절대값, 7이 출력됩니다.



- 키보드로 부터 입력을 받아옴
변수=prompt("내용을 입력하세요","기본으로 입력 되어져 있을 값")
ex)
   a=prompt("내용을 입력하세요","10")
   document.write("입력한 값 : "+a)
- 브라우저 실행 시, 내용을 입력하세요 라는 창이 뜨며 그 기본값으로 10이 들어있는것을 확인할수 있습니다.
- 그냥 확인을 누르면 ... "입력한 값 : 10" 이 출력 될것이고, 임의의 어떤 값 또는 문자를 입력하면 "입력한 값 : 텍스트" 의 형태로 출력 됩니다.



- 화면에 문자 출력
document.write("출력할 내용")

가정1. 변수의 내용과 함께 텍스트 출력...
document.write("텍스트"+변수+"텍스트")
- 텍스트와 출력할 변수 사이에 '+' 를 넣음으로서 같이 출력이 가능하다.

Posted by 해비