① 객체의 종류
- 내장 객체 : 문자(String), 날짜(Date), 배열(Array), 수학(Math), ...
- 브라우저 객체 모델(BOM) : window, screen, location, history, navigator, ...
- 문서 객체 모델(DOM) : <html>, <head>, <body>, ...
<내장 객체 생성>
참조변수(인스턴스 이름)= new 생성함수()
- 수학 객체
| 종류 | 설명 |
| Math.abs(숫자) | 절댓값 반환 |
| Math.max(숫자1, 숫자2, 숫자3) | 가장 큰 값 반환 |
| Math.min(숫자1, 숫자2, 숫자3) | 가장 작은 값 반환 |
| Math.pow(숫자, 제곱값) | 거듭제곱 값 반환 |
| Math.random() | 0~1사이의 난수 반환 |
| Math.round(숫자) | 소수점 첫째 자리에서 반올림하여 정수로 반환 |
| Math.ceil(숫자) | 소수점 첫째 자리에서 무조건 올림하여 정수로 반환 |
| Math.floor(숫자) | 소수점 첫째 자리에서 무조건 내림하여 정수로 반환 |
| Math.sqrt(숫자) | 제곱근값 반환 |
| Math.PI | 원주율 상수 반환 |
- 배열 객체
var 참조 변수=new Array();
var 참조 변수=new Array(값1, 값2, ... 값n);
var 참조 변수=[값1, 값2, ... 값n];| 종류 | 설명 |
| join(연결 문자) | 데이터를 연결 문자 기준으로 1개의 문자형 데이터로 반환 |
| reverse() | 순서를 거꾸로 바꾼 후 반환 |
| sort() | 오름차순 정렬 |
| slice(index1, index2) | 원하는 인덱스 구간만큼 잘라서 배열 객체로 가져옴 |
| splice() | 지정 데이터를 삭제하고 그 구간에 새 데이터 삽입 |
| concat() | 2개의 배열 객체를 하나로 결합 |
| pop() | 데이터 중 마지막 인덱스에 저장된 데이터를 삭제 |
| push(new data) | 마지막 인덱스에 새 데이터 삽입 |
| shift() | 저장된 데이터 중 첫번째 인덱스에 저장된 데이터를 삭제 |
| unshift(new data) | 가장 앞의 인덱스에 새 데이터 삽입 |
| length | 저장된 총 데이터의 개수 반환 |
- 문자열 객체
var 참조 변수=new String(문자형 데이터)
<브라우저 객체 모델>
- 브라우저 객체 메서드
| 종류 | 설명 |
| open("URL", "새 창 이름", "새 창 옵션") | URL 페이지를 새 창으로 나타냄 |
| alert(data) | 경고 창을 나타내고 데이터를 보여줌 |
| prompt("질문", "답변") | 질문과 답변으로 질의응답 창을 나타냄 |
| confirm("질문 내용") | 질문 내용으로 확인이나 취소 창을 나타냄 |
| moveTo(x, y) | 지정한 새 창의 위치로 이동 |
| resizeTo(width, height) | 지정한 새 창의 크기를 변경 |
- screen 객체 속성
| 종류 | 설명 |
| screen.width | 화면의 너빗값 반환 |
| screen.height | 화면의 높잇값 반환 |
| screen.availWidth | 작업 표시줄을 제외한 화면의 너빗값 반환 |
| screen.availHeight | 작업 표시줄을 제외한 화면의 높잇값 반환 |
| screen.colorDepth | 사용자 모니터가 표현 가능한 컬러 bit를 반환 |
- location 객체 속성
| 종류 | 설명 |
| location.href | 주소 영역의 참조 주소를 설정하거나 URL을 반환 |
| location.hash | URL의 해시값(#에 명시된 값)을 반환 |
| location.hostname | URL의 호스트 이름을 설정하거나 반환 |
| location.host | URL의 호스트 이름과 포트 번호를 반환 |
| location.protocol | URl의 프로토콜을 반환 |
| location.search | URL의 쿼리를 반환 |
| location.reload() | 브라우저에서 F5키를 누를 것처럼 새로고침 |
- history 객체
: 사용자가 방문한 사이트의 기록을 남기고 이전 방문 사이트와 다음 방문 사이트로 다시 돌아갈 수 있는 속성과 메서드 제공
| 종류 | 설명 |
| history.back() | 이전 방문 사이트로 이동 |
| history.forward() | 다음 방문 사이트로 이동 |
| history.go(이동 숫자) | 이동 숫자에 -2를 입력하면 2단계 이전의 방문 사이트로 이동 |
| history.length | 방문 기록에 저장된 목록의 개수를 반환 |
- navigator 객체
: 현재 방문자가 사용하는 브라우저 정보와 운영체제 정보를 제공
| 종류 | 설명 |
| navigator.appCodeName | 현재 브라우저의 코드명을 반환 |
| navigator.appName | 현재 브라우저의 이름을 반환 |
| navigator.appVersion | 현재 브라우저의 버전 정보를 반환 |
| navigator.language | 현재 브라우저가 사용하고 있는 언어를 반환 |
| navigator.product | 현재 브라우저의 엔진 이름 반환 |
| navigator.platform | 현재 컴퓨터의 운영체제 정보를 제공 |
| navigator.onLine | 온라인 상태 여부에 대한 정보 제공 |
| navigator.userAgent | 브라우저와 운영체제의 종합 정보 제공 |
'프로그래밍 > JavaScript' 카테고리의 다른 글
| JavaScript_.querySelector와 .innerHTML (0) | 2023.05.07 |
|---|---|
| JavaScript_함수 (0) | 2023.01.20 |
| JavaScript_continue 문 (0) | 2022.08.24 |
| JavaScript_while 문 (0) | 2022.08.24 |
| JavaScript_if...else 문 (0) | 2022.08.24 |
