[Javascript] 6. 객체

[Javascript] 6. 객체

2024. 3. 11. 14:39ㆍJavascript

■ 자바스크립트에서 객체란? 프로그램에서 인식할 수 있는 모든 대상을 지칭함.

- 자바스크립트에서 사용하는 객체

문서 객체 모델(DOM)	웹 문서 자체도 객체이고 그 안에 삽입되어 있는 이미지와 링크, 텍스트 필드 등도 모두 객체임. 일반적으로 삽입하는 요소는 document, image, link 객체가 있음
브라우저 관련 객체	웹 브라우저에서 사용하는 정보도 객체로 나타날 수 있음. navigator, history, location, screen 등
내장 객체	자바스크립트 안에 미리 정의되어 있는 객체. 날짜와 시간과 과련된 Date 객체

- 객체의 인스턴스 만들기 : 자바스크립트의 객체는 참조 형태로 사용해야 함.

1. 기본형 : new 객체명

var now = new Date();
documnet.write("현재 시각은 "+now);

- 프로퍼티와 메소드 : 프로퍼티는 객체의 특징이나 속성, 메소드는 객체에서 할 수 있는 동작을 표현함.

var now = new Date();
document.write("현재 시각은 "+ now.LocaleString());

// 인스턴스 뒤에 마침표를 사용하여 프로퍼티나 메소드를 호출한다.

■ 자바스크립트의 내장 객체

- Array 객체

var numbers = new Array(); // 배열의 크기 할당 X
var numbers = new Array(4) // 배열의 크기 할당
var numbers = Array["one", "two", "three", "four"] 배열의 초깃값이 있는 경우

1. Array 객체의 메소드

concat	기존 배열에 요소를 추가해 새로운 배열을 만듦
every	배열의 모든 요소가 주어진 함수에 대해 참이면 true, 거짓이며 false를 반환
filter	배열 요소 중에서 주어진 필터링 함수에 대해 true인 요소만 골라 새로운 배열을 만듦
forEach	배열의 모든 요소에 대해 주어진 함수를 실행함
indexOf	주어진 값과 일치하는 값이 있는 배열 요소의 첫 인덱스를 찾음
join	배열 요소를 문자열로 합침. 이때 구분자를 지정할 수 있음.
push	배열의 맨 끝에 새로운 요소를 추가한 후 새로운 length를 반환
unshift	배열의 시작 부분에 새로운 요소를 추가
pop	배열의 마지막 요소를 꺼내 그 값을 결과로 반환
shift	배열에서 첫 번째 요소를 거내 그 값을 결과로 반환
splice	배열에 요소를 추가하거나 삭제함
slice	배열에서 특장한 부분만 잘라냄
reverse	배열의 배치 순서를 역순으로 바꿈
sort	배열 요소를 지정한 조건에 따라 정렬함
toString	배열에서 지정한 부분을 문자열로 반환함. 이때 각 요소는 쉼표로 구분

- Date 객체 : 날짜와 시간 정보를 알 수 있는 객체

1. 자바 스크립트 날짜, 시간 입력 방식

YYYY-MM-DD	연도만 나타낼 때는 YYYY, 연도와 월은 YYYY-MM, 연월일은 YYYY-MM-DD 형태로 사용
YYYY-MM-DDTHH	연월일 다음에 시간을 표시하는 형식. 시간을 나타낼 때는 뒤에 T를 붙이고 HH:MM:SS 형태로 사용함. 맨끝에 Z를 붙이면 국제 표준시로 표시됨
MM/DD/YYYY	연도를 마지막에 나타내고 싶을때 사용하는 형식
이름형식	1월은 January 또는 Jan, 월요일은 Mon으로 표시할 수 있음

2. Date 객체의 메소드

- Math 객체

1. Math 객체의 프로퍼티

2. Math 객체의 메소드

wooks