내장객체(Built-In Object) - String
1. 내장객체란? 이미 자바스크립트에서 자주사용하는 객체를 정의해 놓은 것
내장객체를 사용하는 것도 new연산자를 사용하여 객체로 정의할 수 있다.
객체명 = new 객체의 형식(값)
* new연산자를 쓰지 않는 정적객체도 있다. String객체, Math객체등
2. String 객체 : 문자열을 객체로 만들어 해당속성이나 링크설정등을 지원한다.
변수명 = "문자열" ---------> 문자열을 그냥 변수에 할당
변수명.속성 -------------> "."연산자를 이용하여 속성, 메소드을 연결하여 문자열처리
변수명.메소드
[속성]
.length : 문자열의 길이. 한글 한 자를 1로 처리, 공백포함
.constructor : 객체를 만들어낸 함수 원형의 형식
.prototype : 객체에 새로운 속성을 추가한다.
[메소드]
ⓐ글꼴관련 메소드
.big() : <BIG>문자열</BIG>
.small() : <SMALL>문자열</SMALL>
.bold() : <B>문자열</B>
.italics() : <I>문자열</I>
.strike() : <STRIKE>문자열</STRIKE>
.sub() : <SUB>문자열</SUB>
.sup() : <SUP>문자열</SUP>
.fixed() : <TT>문자열</TT> 타자기체 효과를 만든다.
.fontcolor("색상값") :<FONT color="색상값">문자열</FONT>
.fontsize(글자크기) : <FONT size= 글자크기>문자열</FONT>
.blink() : <BLINK>문자열</BLINK> ---> 넷스케이프에서만 쓰임
ⓑ 링크관련 메소드
.anchor("책갈피명") : <A name="책갈피명">문자열</A>-- 페이지내의 링크를 설정
.link("URL") : <A href="URL">문자열</A> -------------- 하이퍼링크를 설정
ⓒ 문자열처리 관련 메소드
.CharAt(n) : 문자열의 좌측에서 0으로 시작하여 n번째 위치의 문자 표시
.indexOf("검색할문자열") : 문자열의 좌측부터 처음으로 나온 검색할 문자열 위치표시
.lastIndexOf("검색할문자열"):문자열의 우측부터 처음으로 나온 검색할 문자열 위치표시
.concar("추가내용") : 문자열에 추가내용을 이어준다.
.split("구분자") : 문자열중에서 구분자를 만나면 ","로 문자열을 분리시킨다.
.slice(n,m) : 문자열의 n번째(0부터시작) 문자부터 m번째(1부터시작) 까지의 문자열을 표시
음수값은 문자의 끝부터 역순의 값이 지정된다.
.Substring(n,m) :문자열의 n번째(0부터시작) 문자부터 m번째(1부터시작) 까지의 문자열
음수값은 무시된다.
.substr(n,m) : 문자열의 n번째 위치의 문자부터 m길이 만큼의 문자열을 표시
.toLowerCase() : 문자열을 모두 소문자로 변환
.toUpperCase() : 문자열을 모두 대문자로 변화
.CharCodeAt(n) : 문자열의 n번째 위치에 있는 문자를 ISO-Latin-1(유니코드)으로 변환
.fromcharCode(유니코드1,…,유니코드n) :유니코드값에 해당하는 문자로 변환
ⓓ 정규표현식을 사용한 문자열 검색메소드
.match(정규표현식패턴) : 문자열에서 해당 패턴이 있으면 검색된 문자열을 표시
정규표현식 형식 변수명=/검색할 문자/gi g:검색문자열전체를 대상으로 매치
예) ABC.match(변수명) i:대소문자 구분없이 매치
.search(정규표현식패턴): 일치하는 패턴이 있는지 확인 매치된 위치index값 표시
.replace(정규표현식패턴,대체할문자열) : 일치하는 패턴이 있으면 대체된 문자열 전체 표시
일치하지 않으면 원본 문자열 표시
내장객체(Built-In Object) - Date
1. Date객체 : 시스템의 날짜와 시간을 이용하여 자바스크립트 기능을 만들수 있게 지원한다.
생성객체 = new Date() ---> 요일 월 일 시:분:초 UTC+0900 년도 형식
2. 속성은 .constructor와 .prototype
3. 메소드
ⓐ get으로 시작하는 메소드 : 현재 Date객체에 속해있는 날짜와 시간정보를 얻어온다.
getYear(), getFullYear(), getMonth(), getDate(), getDay(), getHour(), getMinites(),
getSecond(), getMillisecond()--> 1/100초단위, getTime() --> 1/1000초단위
- getYear()와 getTime 은 1970 년도 이후의 값을 표시한다.
- getMonth()의 경우 1월을 0으로 표시하므로 반드시 현재월을 getMonth() + 1을 해야한다.
ⓑ set으로 시작하는 메소드 : 날짜와 시간을 설정한다.
생성객체 = new Date()
생성객체.set메소드(변경할 내용)
또는
생성객체 = new Date(년도, 월, 일, 시간,분,초,1/100초)
setYear(), setFullYear(), setMonth(), setDate(), setDay(), setHour(), setMinites(),
setSecond(), setMillisecond(), setTime()
ⓒ 다른 형식로 표시하는 메소드
toGMTString() : 요일 일 월 년도 시:분:초 UTC 형식으로 표시
toLocaleString() : 월/일/년도 시:분:초 형식으로 표시
toString() : 요일 월 일 시:분:초 UTC+대한민국표준시 형식으로 표시
내장객체(Built-In Object) - Math
1. Math 객체 : 수학계산과 관련된 객체
2. 속성
.E : 자연로그 밑에 사용하는 오일러 상수(약 2.718)
.LN2 : 2의 자연로그 .LN10 :10의 자연로그
.LOG2E :밑이 2이 E의 로그 .LOG10E : 밑이 10인 E의 로그
.SQRT1_2 : 1/2 의 제곱근 .SQRT2 : 2의 제곱근
.PI :원주율
3. 메소드 Math.메소드(매개변수나 수치) 형태
- sin(R), cos(R), tan(R) : R은 라디안으로 측정된 각도값
- asin(x), acos(x), atan(x) : x는 -1.0 과 1.0 사이 숫자
- atan2(x좌표,y좌표) :주어진 점과 x축과 사이를 라디안으로 측정한 각도
- exp(수치) : 지수함수. 수치의 거듭제곱값 reture
- pow(숫자,제곱승수) : 지수값 표시 예)숫자ⁿ
- sqrt(0과 양수) : 제곱근 예)√숫자
- log(수치) : 수치의 자연로그값
- abs(수치) : 절대값, 모든수 대입가능
- floor(수치) : 수치보다 작거나 같으면서 가장 가까운 정수값, 소수부분 버림
- round(수치): 수치에 가장 가까운 정수. 소수부분 반올림
- ceil(수치) : 수치보다 크거나 같은 가장 인접한 정수. 소수부분 올림
- max(a,b)두개의 값중 가장 큰값, min(a,b)작은값
- random() : 0 ~ 1 사이의 값을 갖는 난수발생
내장객체(Built-In Object) - Array
1. 배열을 만들때 사용하는 내장 객체
변수 = new Array(n) ----> n 개의 매개변수를 갖은 객체를 변수(내장객체)에 정의
변수[0] ... 변수[n-1] --> 첨자 0부터 시작한다.
배열을 순서대로 쓰면 ","로 구분되어 표시된다.
2. length 속성 : 배열의 길이를 구한다.
변수.length
3. 메소드
.concat(a1,a2...an) :여러개의 배열을 하나로 만들어서 다시 배열로 반환
.push("a1","a2"..."an") : 기존의 배열에 새로운 요소를 추가.
.pop() : 배열의 마지막요소를 삭제하고 삭제된 요소를 반환
.shift() : 배열의 첫째요소를 삭제하고 나머지 요소를 왼쪽으로 이동
.Unshift("a1","a2"..."an"): 배열의 제일 앞에 새로운 요소추가
.reverse() : 배열에 들어있는 요소의 순서를 반대로 변경
.slice(a,b) : 배열의 시작과 끝을 지정하여 반환.
.sort(비교함수): 배열의 요소를 비교함수를 이용하여 정렬. 기본적으로는 오름차순 sort()
.splice(s,n,"a1",..."an"): 배열의 시작위치(s)부터 변경할 요소갯수(n) 만큼 새로운 데이터 갱신
.join("구분자"): 배열을 구분자를 삽입하여 하나의 문자열로 구성
.toString() : 배열을 문자열로 변환
.toSource(): 배열의 소스문법 형태로 변환
.valueOf() : 배열요소값을 처음 데이터 값으로 되돌린다
내장객체(Built-In Object) - Function, Screen Number
1. Function객체 : 함수를 사용하지 않고 함수의 내용을 정희해 주는 내부객체
Function객체명 = new function("매개변수1", "매개변수2",...,"계산식")
예) take = new function("a","b","return(a+b)")
document.write(take(10,20)) ----------> 30 이 표시된다.
- 속성
.arguments[인덱스값] : 함수에 전달되는 인자들로 이루어진 배열
.arguments.callee : 선언된 함수의 소스코드
.arguments.caller : 함수를 호출한 상위객체에 대한 reference
.arguments.length : 인자들로 이루어진 배열의 수
.length : 함수를 선언할 떄 지정한 인자의 수. (.arity 와 동일)
- 메소드
.apply(thisobj.args) : 기존의 함수를 객체의 함수로 호출
.call(thisobj.args) : 기존의 함수를 이용하여 새로운 함수를 만든다.(넷스네이프전용)
2. Screen 객체 : 사용자의 해상도, 색상수, 화면크기등을 파악하는 기능제공
이 기능을 이용하여 다양한 환경의 사용자를 위한 화면을 구성할 수있다.
- 속성
.width, height : 모니터 디스플레이 화면의 넓이, 높이를 pixel로 표시 예) 1024
.availWidth, availHeight :인터페이스가 차지하는 범위를 제외한 실질적인 공간의 넓이와 높이
.pixelDepth : 하나의 픽셀당 비트수를 표시 (넷스케이프용)
.colorDepth : 컴퓨터 상에 사용되는 칼라의 수 표시
3. Number객체 : 수치문자열을 일반숫자로 변형한다.
number("수치문자열")
- 속성
.MAX_VALUE , MIN_VALUE : 자바스크립트에서 사용하는 가장큰수, 작은 수
.NaN : 숫자가 아닌 경우
.NEGATIVE_INFINITY, POSITIVE_INFINITY : 음의 무한대, 양의 무한대
내장객체(Built-In Object) - Event
1. Event객체 : 키보드나 마우스등의 클릭이나 움직임등를 설정할때 사용하는 객체
익스플로러 window.event.속성 또는 메소드
넷스케이프 매개변수.속성또는 메소드
* 두 브라우저가 다르게 지원하기 떄문에 if조건문을 사용하여 각각의 이벤트객체를 사용 지정
if (document.all) 익스플로러용 이벤트객체 ----> document.all은 익스플로러에 접속시 true
else 넷스케이프 이벤트객체
2. 익스플로러 속성
.altKey, altLeft : 우측, 좌측의 alt 키를 눌렀을 떄 이벤트발생
.ctrlKey, ctrlLeft : 우측, 좌측의 ctrl 키를 눌렀을 때 이벤트 발생
.shiftKey, shiftLeft :우측, 좌측의 shift 키를 눌렀을 때 이벤트 발생
.button : 마우스 버튼을 눌렀을시 이벤트 발생 (값이1 이면 왼쪽버튼, 2는 오른쪽버튼)
.fromElement : onMouseOver나 onMouseOut 이벤트를 사용할 경우의 마우스객체
.toElement : 마우스 포인터가 위치해 있는 객체 설정
.clientX, clientY : 윈도우의 범위에서 마우스의 x좌표값, y좌표값
.sereenX, screenY: 화면전체이서 마우스의 x좌표값, y좌표값
.x, y : 선택한 객체에 위치해 있는 x좌표값, y좌표값
.offsetX, offsetY : 이벤트가 발생한 객체에서 마우스의 x좌표값, y좌표값
.key : code키를 눌렀을 경우의 키의 유니코드값을 설정
.repeaton : keydown 이벤트의 반복횟수 설정
.propertyName : 이벤트가 발생한 객체에서 변경된 속성명을 설정
.srcElement : 이벤트를 발생한 객체 설정
.type : 객체의 이벤트명 지정
.returnValue : 이벤트에서 발생한 값 설정
.srcFilter : onfilterchange 이벤트를 발생시킨 filter객체를 설정
3. 넷스케이프 속성
.layerX, layerY : 레이어를 기준으로 x좌표값, y좌표값
.pageX, pageY : 문서내의 x좌표값, y좌표값
.screenX, screenY : 화면전체에서 x좌표값, y좌표값
.srcElement : 이벤트가 전송된 객체를 설정
.target : 이벤트를 전탈할 객체 설정
.type : 이벤트의 종류 설정
.modifiers : 마우스와 함께 누른 키를 설정
.which : 마우스 버튼 값이나 키값을 ASCII 값으로 설정
'IT > JavaScript' 카테고리의 다른 글
도큐먼트, 히스토리 객체 (0) | 2013.06.29 |
---|---|
브라우저, 윈도우 객체 (0) | 2013.06.29 |
함수, (0) | 2013.06.28 |
Java Script 기본구조 (0) | 2013.06.28 |
JavaScript 내장함수 (0) | 2013.06.27 |