[java스터디]자바 스크립트- 04 객체

[java스터디]자바 스크립트- 04 객체

//객체란?

객체 지향언어!

이건 현대의 거의모든 프로그래밍 언어의 특징이라서 ..

설명 생략

//내장 객체

브라우저의 자바 스크립트 엔진에 내장된 객체.

• var tv = new 함수이름(); tv.color="black";     ->    document.write( tv.color );

1)문자객체

var t =new String("hello); var t = "hello";

문자객체 매서드 및 속성

charAt(index)	문자열에 인덱스 번호에 해당하는 문자를 반환
indexOf("찾을문자")	문자열에서 왼쪽>오른쪽 일치하는 문자를 찾아 최초의 일치되는 문자의 인덱스 번호 리턴
lastIndexOf("찾을문자")	문자열에서 오른쪽>왼쪽 일치하는 문자를 찾아 최초의 일치되는 문자의 인덱스 번호 리턴 찾는 문자 없으면 '-1' 리턴
match("찾을 문자")	문자열에서 왼쪽>오른쪽 순으로 일치하는 문자를 찾아 리턴 없으면 null 리턴

2)날짜객체

var t = new Date(); t.getDate();  //오늘 요일정보 제공

getFullYear()	현재년도	setFullYear()	현재연도 설정
getMonth()	현재월(0~11)>(1~12)	setMonth()	현재월설정
getDate()	현재일	setDate()	현재일설정
getDay()	현재요일(0~6)(일~토)		요일설정은 못해
getHours()	현재 시간	setHours()	현재 시간 설정

getMinutes()	현재 분	setMinutes()	현재분 설정
getSeconds()	현재 초	setSeconds()	현재 초 설정
getMiliseconds()	현재 밀리초	setMiliseconds()	현재 밀리초 설정

*참고

1초 = 1000밀리초

1일 = 86,400,000

3) 배열객체

어레이

var arr=new Array(1, "hello", true); var arr=new Array() arr[0]=1; arr[1]="hello"; arr[2]=true; var arr=[1 , "hello" , true]; 숫자던 스트링이던 불린이던 모두 한 배열에 저장 가능.(자바 스크립트의 특징)

다음은 배열객체에서 사용할수 있는 메서드의 종류와 속성이다.

join(연결문자)	배열객체에 데이터들을 연결문자 기준으로 한개의 문자현데이터로 반환한다.
reverse()	배열객체에서 데이터순서 거꾸러
sort()	데이터 오름차순 정렬
slice(index1,index2)	index1~index2까지 잘라서 가져옴
splice()	배열객체에 지정데이터를 삭제하고 그 구간에 새 데이터 삽입 가능
concat()	두개의 배열객체를 하나로 결합시킨다.

pop()	배열에 저장된 데이터중 마지막 인덱스의 데이터를 삭제
push(data)	배열객체 마지막인덱스에 새 데이터를 삽입
shift()	배열객체의 첫번째 인덱스에 데이터 삭제
unshift(data)	배열객체의 첫번째 인덱스에 새 데이터를 삽입
속성	(속성)
length	배열에 저장된 데이터 갯수를 반환

4) 수학객체

static 이므로 객체를 선언하지 않아도됨.

Math.abs(숫자)	숫자의 절대값 반환
Math.max(숫자1,숫자2,숫자3)     최대값	Math.min(숫자1,숫자2,숫자3)     최소값
Math.pow(숫자,제곱값)     숫자의 거듭제곱	Math.sqrt(숫자)     숫자에 루트씌움
Math.random();     0~1사이의 난수리턴	Math.PI     원주율상수리턴
Math.round(숫자);     반올림	Math.ceil()   , Math.floor :  올림, 버림

5) 정규표현객체

//브라우저 객체모델(BOM)

1)정의 = 브라우저에 내장된 객체

2)Window는 브라우저의 최상위객체다.

3)window객체는 하위객체를 포함하고있음

window 하위객체에는 document , screen,  location , history , nevigator

window.open("URL","창이름","옵션");	새창을 열때 "옵션"에는 "width","height","left","top","location=yes"(주소창 노출여부),"status"(상태창 노출여부),"scrollbars","toolbars" 를 설정할수 있다.
(window.)alert("경고 메세지");	경고창띄울때
prompt("질의 내용","기본 답변");	질의응답창띄울때
confirm();	확인/취소 띄울때
moveTo(x위치값,y위치값);	창의 위치 이동할때
resizeTo(가로,세로);	창의크기변경할때

var a = setInterval("스크립트 실행문", 시간간격 ms); clearInterval(a);	일정간격 지속적으로 실행문 실행시
var a = setTmeout("스크립트 실행문", 시간간격 ms); clearTimeout(a);	일정간격으로 한번만 실행문 실행시

screen은 사용자의 모니터 정보(속성)를 제공하는 객체이다.

screen.width	전체 너빗값 리턴
screen.height
screen.availWidth	작업표시줄 제외한 너빗값 리턴
screen.availHeight
screen.colorDepth	모니터표현가능한 컬러bit값 리턴

//문서 객체모델(DOM: document object model)

html 문서의 구조를 가리켜 문서 객체 모델이라고 함

선택자

CSS >

#box {color : red; }

자바스크립트 >

document.getElementById("box") .style.color="red";

선택자의 종류

원거리 선택자 = 직접선택자

getElementsById("아이디명")

getElementsByTagName("태그명")

document.폼이름.입력요소이름

근거리 선택자 = 인접관계선택자

parentNode     부모요소 선택자

childNodes     자식요소 선택자

children     자식요소 선택자

firstChild     첫번째 자식요소 선택자