티스토리 뷰
반응형
객체(Object)
자바스크립트는 객체 기반 언어
객체는 기능과 속성을 가지고 있음
객체.메서드(); //객체의 메서드를 실행
객체.속성; //객체의 속성값을 가져옴
객체.속성 = 값; //객체의 속성값을 바꿈
객체의 종류
내장 객체
자바스크립트 엔진에 내장되어 있어 필요한 경우에 생성해서 사용할 수 있음
문자(String), 날짜(Date), 배열(Array), 수학(Math) 객체 등
브라우저 객체 모델(BOM)
브라우저에 계층 구조로 내장되어 있는 객체
브라우저 객체로는 window, screen, location, history, navigator 객체 등
브라우저(window)는 document, location 객체의 상위 객체
문서 객체 모델(DOM)
HTML 문서 구조
HTML 문서 기본 구조는 최상위 객체로 <html>, 하위 객체 <head>.<body>가 있음
자바스크립트의 문서 객체 모델은 IE 8 이하 버전에서 호환성이 떨어져 사용하기 힘들다는 단점
이러한 점을 극복하기 위해 제이쿼리 문서 객체 모델을 많이 사용
내장 객체
참조 변수(인스턴스 이름) = new 생성 함수()
날짜 정보 객체
날짜나 시간 관련 정보를 제공받고 싶을 때, 날짜 객체(Date Object)를 생성
참조 변수 = new Date(); //var t = new Date();
참조 변수 = new Date("연/월/일"); //var t = new Date("2023/12/22");
참조 변수 = new Date(연,월-1,일); //var t = new Date(2023,11,22);
날짜 관련 메서드
날짜 정보를 가져올 때(GET) | 날짜 정보를 수정할 때(SET) | ||
getFullYear() | 연도 정보를 가져옴 | setFullYear() | 연도 정보만 수정함 |
getMonth() | 월 정보를 가져옴(현재 월-1이 된것) | setMonth() | 월 정보만 수정함(월-1이 된것) |
getDate() | 일 정보를 가져옴 | setDate() | 일 정보만 수정함 |
getDay() | 요일 정보를 가져옴(일:0 ~ 토:6) | '요일'은 날짜만 바꾸면 자동으로 바뀌므로 setDay()는 없음 | |
getHours() | 시 정보를 가져옴 | setHours() | 시 정보만 수정함 |
getMinues() | 분 정보를 가져옴 | setMinutes() | 분 정보만 수정함 |
getSeconds() | 초 정보를 가져옴 | setSeconds() | 초 정보만 수정함 |
getMilliseconds() | 밀리초 정보를 가져옴(1/1,000 초 단위) | setMilliseconds() | 밀리초 정보만 수정함 |
getTime() | 1970년 1월 1일부터 경과된 시간을 밀리초로 표기함 |
setTime() | 1970년 1월 1일부터 경과된 시간을 밀리초로 표기함 |
toGMTString() | GMT 표준 표기 방식으로 문자형 데이터로 반환함 |
toLocaleString() | 운영 시스템 표기 방식으로 문자형 데이터로 반환함 |
특정 날짜까지 며칠이 남았는지 구하기
남은 일 수(밀리초) = 특정 날짜 객체 - 현재 날짜 객체
1초 = 1,000(msc)
1분(60초) = 1,000 * 60 //60,000(msc)
1시간(60분) = 1,000 * 60 * 24 //3,600,000(msc)
1일(60분*24) = 1,000 * 60 * 60 * 24 //86,400,000(msc)
수학 객체
수학과 관련된 일련의 작업들을 처리함
수학 객체의 메서드 및 상수
종류 | 설명 |
Math.ads(숫자) | 절대값 반환 |
Math.max( 숫자 1, 숫자 2, 숫자 3, 숫자 4) | 숫자 중 가장 큰 값 반환 |
Math.min( 숫자 1, 숫자 2, 숫자 3, 숫자 4 ) | 숫자 중 가장 작은 값 반환 |
Math.pow(숫자, 제곱값) | 숫자의 거듭제곱값 반환 |
Math.random() | 0 ~ 1 사이의 난수 반환 |
Math.round(숫자) | 소수점 첫째 자리에서 반올림하여 정수 반환 |
Math.ceil( 숫자 ) | 소수점 첫째 자리에서 무조건 올림하여 정수 반환 |
Math.floor( 숫자 ) | 소수점 첫째 자리에서 무조건 내림하여 정수 반환 |
Math.sqrt( 숫자 ) | 숫자의 제곱근값 반환 |
Math.PI | 원주율 상수 반환 |
random() 메서드 : 지정한 숫자 구간에서 정수로만 반환받기
Math.floor(Math.random() * (최대값 - 최솟값 + 1)) + 최솟값;
Math.random() * 10 // 0 ~ 10까지 실수로 난수 반환
Math.floor(Math.random() * 11) //0부터 10까지 난수를 발생하여 소수점 값을 제거
Math.floor(Math.random() * 31); //0부터 30까지 정수로 난수 반환
Math.floor(Math.random() * 31 ) + 120; //120부터 150까지 정수로 난수 반환
floor()메서드는 값을 내리기 때문에 10이 아닌 11을 사용해야 함
반응형
'Language > JavaScript' 카테고리의 다른 글
[Do it!] 04. 객체 [브라우저 객체] (0) | 2024.01.05 |
---|---|
[Do It!] 04. 객체 [배열 객체, 문자열 객체] (1) | 2023.12.28 |
Promise 객체 (0) | 2023.12.20 |
[Do It!] 03. 제어문 [조건문, 선택문, 반복문] (1) | 2023.12.18 |
[Do It!] 02. 자바스크립트 기초 문법 [연산자] (0) | 2023.11.17 |
댓글
공지사항
최근에 올라온 글
최근에 달린 댓글
- Total
- Today
- Yesterday
링크
TAG
- Date 클래스
- 파이썬
- StringBuilder 클래스
- Format 클래스
- 포장 클래스
- 요소선택
- java.time.package
- 문자열함수
- Arrays 클래스
- StringTokenizer 클래스
- Pattern 클래스
- 순환할당
- StringBuffer 클래스
- 함수
- Random 클래스
- 리스트
- 리스트연산자
- 자료형
- 역반복문
- 스레드 스케줄링
- Objects 클래스
- Math 클래스
- 기본 API 클래스
- IndexError
- FALSE
- python
- Calendar 클래스
- not_in
- 프로그램
- 딕셔너리
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | ||
6 | 7 | 8 | 9 | 10 | 11 | 12 |
13 | 14 | 15 | 16 | 17 | 18 | 19 |
20 | 21 | 22 | 23 | 24 | 25 | 26 |
27 | 28 | 29 | 30 | 31 |
글 보관함