내 남자의 길~!

함수가 호출될때 함수내에서 매개변수에 대한 정보를 알아 내는데 사용한다.

• Arguments 객체의특성

  특성	의미
  caller	이 함수를 호출하는 함수의 매개변수 정보
  callee	이 함수가 호출하는 함수의 매개변수 정보.

컴퓨터의 화면 해상도나 색상에 관한 정보를 알아 내는데 사용한다.

• Screen 객체의특성

  특성	의미
  availWidth	윈도우 인터페이스를 제외한 화면의 너비
  availHeight	윈도우 인터페이스를 제외한 화면의 높이
  width	화면의 너비(픽셀)
  height	화면의 높이(픽셀)
  colorDepth	사용 가능한 색상수
  pixelDepth	한 픽셀당 비트수

  예제1	실행화면
  <script language="javascript"> <!-- document.write("방문자 해상도 정보<p>"); document.write("화면너비 : " + screen.width + "<br>"); document.write("화면높이 : " + screen.height + "<br>"); document.write("인터페이스 제외 화면너비 : " + screen.availWidth + "<br>"); document.write("인터페이스 제외 화면높이 : " + screen.availHeight + "<br>"); document.write("화면 색상수 : " + screen.colorDepth + "비트<br>"); //--> </script>	방문자 해상도 정보 화면너비 : 1280 화면높이 : 800 인터페이스 제외 화면너비 : 1280 인터페이스 제외 화면높이 : 766 화면 색상수 : 32비트

문자로된 숫자단어를 실제숫자로 바꾸어주는 객체이다.

자바스크립트에서 삼각함수,지수함수,로그함수와 같은 특수함수들과 파이,오일러상수와 같은 특수값을
사용하기 위해 제공되는 객체이다.
Math는 정적객체이기 때문에 new를 통해 객체를 만드는게 아니라 그자체를 직접 객체로 사용을 한다.

• Math 객체의특성

  특성	의미
  E	오일러 상수,자연로그의 밑으로 사용
  PI	원주율,파이(π)
  LN10	10의 자연로그
  LN2	2의 자연로그
  SQRT1_2	1/2의 제곱근
  SQRT2	2의 제곱근

• Math 객체의 메소드

  메소드	의미
  sin(x)	sine 함수, f(x) = sin(x)
  cos(x)	cosin 함수, f(x) = cos(x)
  tan(x)	tangent 함수,f(x) = tan(x)
  asin(x)	arc sine 함수(sine의 역함수)
  acos(x)	arc cosine 함수(cosine의 역함수)
  atan(x)	arc tangent 함수(tangent의 역함수)
  atan2(x,y)	arc tangent 함수(tangent의 역함수)
  abs(x)	절대값 함수,f(x) =|x|
  exp(x)	지수함수, f(x) = ex
  pow(x,y)	지수함수, f(x,y) = xy
  log(x)	로그함수, f(x) = logex
  sqrt(x)	제곱근 함수, f(x) = √x
  random()	난수함수
  round(x)	반올림 함수
  floor(x)	x보다 같거나 작은 가장 큰 정수
  ceil(x)	x보다 같거나 큰 가장 작은 정수
  max(x,y)	x와 y중 큰 수 리턴
  min(x,y)	x와 y 중 작은 수 리턴

  예제1

  실행화면

  <script language="javascript"> <!-- document.write("asin(0) : " + Math.asin(0) + "<br>") document.write("acos(0) : " + Math.acos(0) + "<br>") document.write("atan(0) : " + Math.atan(0) + "<br>") document.write("8의9승 : " + Math.pow(8,9) + "<br>") document.write("7의 로그 : " + Math.log(7) + "<br>") document.write("2의 제곱근 : " + Math.sqrt(2) + "<br>") document.write("floor(3.6) : " + Math.floor(3.6) + "<br>") document.write("ceil(3.6) : " + Math.ceil(3.6) + "<br>") document.write("random() : " + Math.random() + "<br>") document.write("round() : " + Math.round(6.6) + "<br>") document.write("Math.E : " + Math.E + "<br>") document.write("Math.LN2 : " + Math.LN2 + "<br>") //끝 --> </script>

  asin(0) : 0 acos(0) : 1.5707963267948965 atan(0) : 0 8의9승 : 134217728 7의 로그 : 1.9459101490553132 2의 제곱근 : 1.4142135623730951 floor(3.6) : 3 ceil(3.6) : 4 random() : 0.7079159365374614 round() : 7 Math.E : 2.718281828459045 Math.LN2 : 0.6931471805599453

배열을 만드는데 사용하는 객체이다.
5장에서 요일 구하는 것을 Array 객체로 만들어 본다.

아주 간결해진 것을 볼 수 있다.

Array객체를 만드는 방법은 4가지를 들수 있다
① mirage = new Array(5) (크기를 지정한 경우)
② mirage = new Array() (크기를 지정안한 경우)
③ mirage = new Array("값1","값2",...,"값n") (배열선언과 동시에 값을 할당한경우)
④ mirage = ["값1","값2",...,"값n"] (바로 배열을 정의한 경우)

• Array 객체의특성

  특성	의미
  length	배열의크기
  prototype	Array 객체로 할당된 변수들이 공유 할 수 있는 특성을 만드는데 사용한다.

  prototype은 객체에 새로운 특성을 만들고 싶을때 사용한다.

  예제3	실행화면
  <script language="javascript"> <!-- mirage = new Array(3) mirage[0] = "welcome" mirage[1] = "to" mirage[2] = "homepage" Array.prototype.ment = null mirage.ment = "인사말" document.write(mirage.ment + "<br>") for(i=0; i < mirage.length ; i++) document.write("mirage[" + i + "] = " + mirage[i] + "<br>") //끝 --> </script>	인사말 mirage[0] = welcome mirage[1] = to mirage[2] = homepage

• Array 객체의 메소드

  메소드	의미
  join(분리문자)	배열을 하나의 문자열로 만든다.
  sort(function)	배열의 값들을 정렬시킨다.
  reverse()	배열에 있는 값들의 순서를 정반대로 바꾼다.
  concat(array)	두개의 배열을 하나로 만든다.
  slice(시작,끝))	배열의 일부를 추출

  • join
    매개변수가 없을때는 분리문자로 , 가 들어간다.
    mirage = new Array(3)
    mirage[0] = "welcome"
    mirage[1] = "to"
    mirage[2] = "homepage"

    mirage.join() ==>welcome,to,homepage
    mirage.join("/")==>welcome/to/homepage
    mirage.join(":")==>welcome:to:homepage

  • sort
    매개변수로 값을 비교하는데 사용되는 함수가 들어간다.
    매개변수 지정이 없으면 사전에 배열된 순서에 따라 배열이 이루어진다.

  • concat
    두개의 배열을 합하여 하나로 만들어준다.

    mirage1 = new Array ("a1","a2")
    mirage2 = new Array ("a3","a4")
    mirage3 = mirage1.concat(mirage2)

• Function객체의 특성

  특성	의미
  arguments	함수의 매개변수 정보를 배열로 나타낸다.
  prototype	function 객체로 할당된 변수들이 공유 할 수 있는 특성을 만드는데 사용한다.
  arity	매개변수의 개수를 알아내는데 사용한다.(함수 외부에서 사용) (함수내부에서는 argument.length로 사용)  [출처] [6]자바스크립트 객체2|작성자 붉은매

  
  

자바스크립트에서 날짜와 시간을 나타 내는데 사용되는 객체이다.

mirage = new date()

이로써 새로운 mirage 객체가 만들어 졌다.
mirage객체는 date객체의 사본이라 생각하면 이해하기 빠를 것이다.

• Date객체 메소드1

  메소드	설명
  getYear()	1970년 이후의 연도
  getMonth()	월을 나타낸다(0=1월,1=2월...11=12월)
  getDate()	일
  getDay()	요일(0=일요일,...,6=토요일)
  getHours()	시
  getMinutes()	분
  getSeconds()	초
  getTime()	1970년 1월 1일 이후 시간을 1000분의 1초로 나타낸값

• Date객체 메소드2

  메소드	설명
  setYear()	1970년 이후의 연도
  setMonth()	월을 나타낸다(0=1월,1=2월...11=12월)
  setDate()	일
  setDay()	요일(0=일요일,...,6=토요일)
  setHours()	시
  setMinutes()	분
  setSeconds()	초
  setTime()	1970년 1월 1일 이후 시간을 1000분의 1초로 나타낸값

• Date객체 메소드3

  메소드	설명
  parse(날짜문자열)	날짜 문자열을 분석하여 1970년 1월1일 00:00:00 이후에 경과한 시간을 1000분의 1초로 단위로 리턴
  UTC(년,월,일[,시][,분][,초])	GTM을 기준으로 1970년 1월1일 00:00:00 이후에 경과한 시간을 1000분의 1초로 단위로 리턴
  toGTMString()	GTM(Greenwich Mean Time) 날짜를 리턴
  toLocaleSting()	날짜를 문자열로 변환한다.mm/dd/yy(월/일/년) hh:mm:ss(시/분/초)

  get 은 날짜시간을 구하는 메소드이고 set은 날짜시간을 세팅(설정)하는 메소드이다.

  예제1	실행화면
  <script language="javascript"> <!-- mirage = new Date() document.write("날짜 : ",mirage.getYear(),"년") document.write(mirage.getMonth()+1,"월") document.write(mirage.getDate(), "일","<br>") document.write("시간 : ",mirage.getHours(),"시") document.write(mirage.getMinutes(),"분") document.write(mirage.getSeconds(), "초","<br>") //끝 --> </script>	날짜 : 2008년5월5일 날짜 : 1요일 시간 : 13시9분27초

  날짜시간을 나타내는 첫글자는 모두 대문자로 표기해야 한다.
  getMonth()+1은 값이 0부터 11까지 나오므로 +1을 해서 1부터 12까지의 월표기로 나타낸것이다.
  ,는 스트링문자와 메소드간의 연결 역활을 한다.(+도 연결 역할을 하는 점은 같다)

  getDay()는 숫자로만 나타난다. 이것은 원하는 결과 값이 아닐 것이다.
  그래서 지금까지 언급됐던 제어문을 총동원해서 바꿔보자.

  예제2	실행화면
  <script language="javascript"> <!-- mirage = new Date() a=mirage.getDay() if(a == 0){ a="일"} else if(a == 1){ a="월"} else if(a == 2){ a="화"} else if(a == 3){ a="수"} else if(a == 4){ a="목"} else if(a == 5){ a="금"} else if(a == 6){ a="토"} document.write("날짜 : ",a,"요일","<br>") //끝 --> </script>	날짜 : 월요일

  
  switch문 으로도 가능 할 것 같은데...?
  

  예제3	실행화면
  <script language="javascript"> <!-- mirage = new Date() a=mirage.getDay() switch(a) { case 0 : a="일" break; case 1 : a="월" break; case 2 : a="화" break; case 3 : a="수" break; case 4 : a="목" break; case 5 : a="금" break; case 6 : a="토" break; } document.write("날짜 : ",a,"요일","<br>") //끝 --> </script>	날짜 : 월요일

  
  배열로도 가능할까?
  

  예제4	실행화면
  <script language="javascript"> <!-- function makeArray(n) { this.length = n; for(var i=1; i<=n;i++) this[i] =0 ; return this; } array = new makeArray(7); array[0] ="일"; array[1] ="월"; array[2] ="화"; array[3] ="수"; array[4] ="목"; array[5] ="금"; array[6] ="토" mirage = new Date() a=mirage.getDay() b=array[a] document.write("날짜 : ",b,"요일","<br>") //끝 --> </script>	날짜 : 월요일

  달리 표현이 가능 하지만 Array 객체에서 예를 들어 보겠다.

예) num = mirage.length (문자열 갯수)

• String객체 특성

  length : String객체의 유일한 특성으로 문자의 갯수를 저장하고 있다.

  예제5	실행화면
  <script language="javascript"> <!-- mirage = "홈방문을 환영합니다" mirage2 = "Wellcome to home" document.write("홈방문을 환영합니다<br>") document.write("문자열갯수 : "+ mirage.length + "<p>") document.write("Wellcome to home<br>") document.write("문자열갯수 : "+ mirage2.length + "<br>") //끝 --> </script>	홈방문을 환영합니다 문자열갯수 : 10 Wellcome to home 문자열갯수 : 16

  
  참고로 공백문자도 갯수에 포함된다.
  한글(2바이트)을 하나의 문자로 인식해서 표기 한것이 특징이다.

• String객체 메소드1 (문자열속성)

  메소드	기능	보기
  big()	글자를 크게함	테스트
  small()	글자를 작게함	테스트
  bold()	글자를 진하게	테스트
  fontsize(크기)	글자의 크기	테스트(4로지정)
  fontcolor("색")	글자색	테스트
  sup()	위첨자	테스트테스트
  sub()	아래첨자	테스트테스트
  blink()	깜박임	테스트(익스지원안됨)
  fixed()	타자기체	테스트
  italics()	이탤릭체	테스트
  strike()	글자가운데 줄긋기	테스트

  
  중첩해서 사용 가능하다
  예) "테스트".bold().fontcolor("red")

• String객체 메소드2 (하이퍼텍스트)

  메소드	기능	보기
  link("위치")	하이퍼텍스트 연결	<script> document.write("테스트".link("http://mirage728.com.ne.kr/index.html")) </script> 테스트
  anchor("표식")	표식지정	<script> document.write("테스트".anchor("테스트로")) </script>

• String객체 메소드3 (문자열처리)

  메소드	기능
  split(분리자,개수)	문자열 분리
  concat(문자열)	두 문자열을 하나로 붙이기
  subString(숫자1,숫자2)	지정된 위치에 있는 문자열추출
  slice(처음위치,마지막위치)	문자열 일부 추출하기
  substr(처음위치,길이)	문자열 일부 추출하기
  charAt(위치)	지정된 위치에서 문자찾기
  indexOf(문자열)	지정된 문자의 위치찾기(왼쪽 부터 검색)
  lastIndexOf(문자열)	지정된 문자의 위치찾기(오른쪽 부터 검색)
  charCodeAt(문자위치)	문자열의 ISO Latin-1 값 알아내기
  fromcharCode(숫자1,숫자2,...숫자n)	ISO Latin-1 값에 해당하는 문자 알아내기
  toUpperCase()	대문자로 만들기
  toLowerCase()	소문자로 만들기

  • split(분리자,갯수)
    분리자를 기준으로 개수로 지정된 숫자만큼 분리하게 된다.

    예제6	실행화면
    <script language="javascript"> <!-- mirage1 = "mirage728 홈에 방문해 주셔서 진심으로 감사합니다." mirage2 = mirage1.split(' ',4) document.write(mirage2) // 끝 --> </script>	mirage728,홈에,방문해,주셔서

    공백을 기준으로 해서 4개의 문자열을 분리한 것이다.

  • concat(문자열)
    두개의 문자열을 합해서 하나의 새로운 문자열을 만든다.
    메소드를 호출하는 문자열과 매개변수로 들어가는 문자열을 합쳐준다.

    예제7	실행화면
    <script language="javascript"> <!-- mirage1 = "mirage728 홈".concat(" 방문을 환영합니다.") document.write(mirage1) // 끝 --> </script>	mirage728 홈 방문을 환영합니다.

  • substring(숫자1,숫자2)
    지정된 위치에 있는 문자열을 추출하는 것으로 매개변수로 두개의 숫자가 들어가는데 숫자
    사이의 문자열을 추출하게 된다.

    예제8	실행화면
    <script language="javascript"> <!-- mirage1 = "mirage728 홈 방문을 환영합니다 " document.write(mirage1.substring(0,11)+"<br>") document.write(mirage1.substring(11,0)+"<br>") document.write(mirage1.substring(11)+"<br>") document.write(mirage1.substring()+"<br>") // 끝 --> </script>	mirage728 홈 mirage728 홈 방문을 환영합니다 mirage728 홈 방문을 환영합니다

    두개의 매개변수의 위치가 바뀌어도 상관없고 매개변수가 하나라면 매개변수 이후의 값부터
    끝까지 출력된다.

  • slice(처음위치,마지막위치)
    substring 과 같이 지정된 위치에 있는 문자열을 추출하는 것으로 매개변수로 두개의
    숫자가 들어가는데 숫자 사이의 문자열을 추출하게 된다.
    매개변수의 값이 음수일 경우에는 뒤에서 부터 위치를 가리키게 된다.

    예제9	실행화면
    <script language="javascript"> <!-- mirage3 = "mirage728 홈 방문을 환영합니다" document.write(mirage3+"<p>") document.write(mirage3.slice(6,11)+"<br>") document.write(mirage3.slice(6,-3)+"<br>") document.write(mirage3.slice(-3)+"<br>") document.write(mirage3.slice(6)+"<br>") // 끝 --> </script>	mirage728 홈 방문을 환영합니다 728 홈 728 홈 방문을 환영 합니다 728 홈 방문을 환영합니다

  • substr(처음위치,길이)
    지정된 위치에 있는 문자열을 추출하는 것으로 첫번째 매개변수는 시작위치 이고
    두번째 매개변수 추출할 문자열의 길이를 나타낸다.

    예제10	실행화면
    <script language="javascript"> <!-- mirage4 = "mirage728 홈 방문을 환영합니다" document.write(mirage4+"<p>") document.write(mirage4.substr(6,11)+"<br>") document.write(mirage4.substr(6,3)+"<br>") document.write(mirage4.substr(-1)+"<br>") document.write(mirage4.substr(6)+"<br>") // 끝 --> </script>	mirage728 홈 방문을 환영합니다 728 홈 방문을 환 728 mirage728 홈 방문을 환영합니다 728 홈 방문을 환영합니다

    length(길이)가 음수가 될 수 없는 관계로 모든 문자가 출력됐다.
    매개변수 지정을 안해도 모든 문자가 출력된다.

  • charAt(위치)
    매개변수로 입력된 숫자가 가리키는 문자를 리턴하게 된다

    예제11	실행화면
    <script language="javascript"> <!-- mirage5 = "mirage728 홈" document.write(mirage5+"<p>") document.write(mirage5.charAt(4)+"<br>") document.write(mirage5.charAt(0)+"<br>") // 끝 --> </script>	mirage728 홈 g m

  • indexOf(문자열)
    검색 하고자 하는 문자가 처음 나오는 곳의 위치를 알려준다.
    문자열의 왼쪽부터 검색을 시작한다

    예제12	실행화면
    <script language="javascript"> <!-- mirage6 = "홈 방문을 진심으로 환영합니다,자주 mirage홈을 방문해 주세요" document.write(mirage6+"<p>") document.write(mirage6.indexOf("방문")+"<br>") document.write(mirage6.indexOf("홈")+"<br>") // 끝 --> </script>	홈 방문을 진심으로 환영합니다,자주 mirage홈을 방문해 주세요 2 0

  • lastIndexOf(문자열)
    검색 하고자 하는 문자가 처음 나오는 곳의 위치를 알려준다.
    문자열의 오른쪽부터 검색을 시작한다

    예제13	실행화면
    <script language="javascript"> <!-- mirage7 = "홈 방문을 진심으로 환영합니다,자주 mirage홈을 방문해 주세요" document.write(mirage7+"<p>") document.write(mirage7.lastIndexOf("방문")+"<br>") document.write(mirage7.lastIndexOf("홈")+"<br>") // 끝 --> </script>	홈 방문을 진심으로 환영합니다,자주 mirage홈을 방문해 주세요 29 26

  • charCodeAt(문자위치)
    문자열의 특정 위치에 있는 문자의 ISO-Latin-1 값을 알아내는데 사용되는 메소드이다.
    문자위치는 알고자 하는 문자의 위치를 나타내고 생략하면 0으로 첫번째 문자의
    위치를 나타낸다.

    예제14	실행화면
    <script language="javascript"> <!-- document.write("M의 Iso-Latin-1 값 : "+"M".charCodeAt(0)+"<br>") // 끝 --> </script>	M의 Iso-Latin-1 값 : 77

  • fromcharCode(숫자1,숫자2,...숫자n)
    ISO-Latin-1 값을 통해 문자열을 알아내는 메소드이다.

    예제15	실행화면
    <script language="javascript"> <!-- document.write(String.fromCharCode(77,105,114,97,103,101,55,50,56)) // 끝 --> </script>	Mirage728