728x90
반응형
객체(object)란?
프로그램에서 인식할수 있는 모든 대상
객체는 크게 자바스크립트 객체와 사용자 정의 객체로 나뉜다.
- 자바스크립트 객체 : 자바스크립트 안에 미리 객체로 정의해 놓은 것(ex. DOM, Date 등)
- 사용자 정의 객체 : 필요할 때마다 사용자가 직접 만드는 객체
var now = new Date(); // Date 인스턴스 만들고 변수에 저장
document.write("현재 시각은 " + now.toLocaleString()); // Date 객체의 메서드 사용
프로퍼티(property)와 메서드(method)
- 프로퍼티 : 객체의 특징이나 속성
- 메서드 : 객체에서 할 수 있는 동작
Array 객체 (내장 객체)
var numbers = new Array(); // 배열의 크기 지정X
var numbers = new Array(4); // 배열의 크기 지정
var numbers = ["one", "two", "three", "four"]'; // 배열 선언
var numbers = Array("one", "two", "three", "four"); // Array 객체를 사용한 배열 선언
for(let i = 0; i < numbers.length; i++) {
document.write("<p>" + numbers[i] + "<p>");
}
Array 객체의 자주 사용하는 6가지 메소드
| 메소드 | 설명 |
| join([str]) | 배열에 들어 있는 값을 모두 붙여서 하나의 문자열로 반환 ex) test.join() // 결과 "test1,test2,test3" |
| sort(function) | 배열값들을 매개변수(값을 비교하는 함수)를 이용하여 정렬 파라미터인 function은 선택사항(필수아님) |
| reverse() | 배열의 순서를 정반대로 바꾼다 |
| concat(array) | 두개의 배열을 합해 하나의 배열로 반환(1차원 배열로 반환) |
| push() | 배열의 마지막에 새로운 원소를 추가(반환 값은 추가한 후의 lengh) |
| pop() | 배열의 마지막의 원소를 추출(가장 최근에 push()한 것을 추출) 반환값은 삭제한 배열의 원소(엘리먼트), pop의 파라미터는 사용하지 않음 |
Date 객체 (내장 객체)
new Date(); // 현재 날짜로 설정
new Date("2020-02-25"); // 특정 날짜로 설정
new Date("2020-02-25T18:00:00");
new Date("02/25/2020"); // MM/DD/YYYY 형식
Date 객체의 메소드
- 날짜/시간 정보 설정 or 가져오기
| 함수명 |
의미 | 설명 | |
| getFullYear() | setFullYear() | 년도 | |
| getMonth() | setMonth() | 월 | 0~11 > 1월~12월 |
| getDate() | setDate() | 일 | |
| getDay() | setDay() | 요일 | 0~6 > 일요일 ~ 토요일 |
| getHours() | setHours() | 시간 | |
| getMinutes() | setMinutes() | 분 | |
| getMilliseconds() | setMilliseconds() | 밀리초 | |
| getSeconds() | setSeconds() | 초 | |
| getTime() | setTime() | Unix 타임 | 1970/1/1 12:00 기준 경과한 밀리 초 |
- 날짜/시간 형식 바꾸기
| 함수명 | 설명 | |
| toString() | Thu May 17 2018 17:15:11 GMT+0900 (대한민국 표준시) | |
| toDateString() | Thu May 17 2018 | |
| toLocaleString() | 2018. 5. 17. 오후 5:15:11 | |
| toLocaleDateString() | 2018. 5. 17. | |
Math 객체 (내장 객체)
Math 객체의 메소드
| 메소드 | 설명 |
| min(x,y,z....) | 가장 작은 값 반환 |
| max(x,y,z....) | 가장 큰 값 반환 |
| random() | 0보다 크거나 같고 1보다 작은 무작위 숫자 반환 |
| round(x) | 소수점 첫 번째 자리에서 반올림 후 반환 |
| floor(x) | 인수와 같거나 작은 수 중에서 가장 큰 정수 반환 |
| ceil(x) | 인수와 같거나 큰 수 중에서 가장 작은 정수 반환 |
| abs(x) | x의 절댓값 반환 |
| sqrt(x) | x의 제곱근 반환 |
| cbrt(x) | x의 세제곱근 반환 |
| exp(x) | e의 x제곱근 값을 반환 |
| log(x) | x의 자연로그 값을 반환.(ln x) |
| log2(x) | x의 2를 밑으로 가지는 로그 값을 반환 |
| pow(x,y) | x의 y제곱을 반환 |
| sign(x) | x의 부호 값을 반환 |
브라우저 관련 객체
728x90
반응형
