[Javascript] 코어 객체(Array, Date, String, Math 객체)

▶ 코어 객체

- 기본 객체로 표준 객체

- 자바스크립트 언어가 실행되는 어디서나 사용 가능한 기본객체

- 웹 페이지나 자바 스크립트 코드에서 혹은 웹 서버 응용프로그램에서 사용가능

▷ 코어 객체 종류

● Array, Date, String, Math 타입 등

 

▷ 코어 객체 생성

● new 키워드 이용

- 객체가 생성되면 객체 내부에 프로퍼티와 메소드들이 생성됨

- 생성된 객체 tooday, msg를 래퍼런스 변수라고도 부름 

 

 

● 객체 접근

- 객체와 멤버 사이에 점(.) 연산자 이용

 

예제) 자바스크립트 객체 생성 및 활용

 

 

 

 

 

 

▶ 자바스크립트 배열

- 여러 개의 원소들을 연속적으로 저장

- 전체를 하나의 단위로 다루는 데이터 구조

▷ 0에서 시작하는 인덱스를 이용하여 배열의 각 원소 접근

 

 

▷ 배열을 만드는 2가지 방법

① [ ]로 배열 만들기

② Array 객체로 배열 만들기

 

 

 

①  [ ]로 배열 만들기

●  [ ]안에 원소들의 초기 값 나열

●  배열크기 :배열의 크기는 고정되지않고 원소 추가 시 늘어남

 

※ 주의: 현재 배열보다 큰 인덱스에 원소를 추가하면 값이 비어 있는 중간의 원소들도 생기는 문제 발생 ※

 

 

예제) [ ]로 배열 만들기

 

 

 

 

 

 

 

② Array 객체로 배열 만들기

● 초기 값을 가진 배열 생성

 

● 초기화되지 않은 배열 생성

- 일정 크기의 배열 생성 후 나중에 원소 값 저장

 

 

●  빈 배열 생성

- 원소 개수를 예상할 수 없는 경우

 

 

● 배열의 크기 :Array 객체의 length 프로퍼티 사용

 

 

● length 프로퍼티는 사용자가 임의로 값 변경 가능

- length 프로퍼티는 Array 객체에 의해 자동 관리

- 사용자가 임의로 값 변경 가능

 

예) 배열의 크기를 줄이거나 늘일 수 있음

 

 

예제) Array 객체로 배열 만들기

 

 

 

▷ 배열의 특징

- [ ]로 생성해도 Array 객체로 다루어짐

- 배열에 여러 타입의 데이터를 섞여 저장 가능

 

▷Array 객체의 메소드

메소드	설명
객체.concat(arr)	현재 배열에 배열arr의 원소들을 덧부여 만든 새 배열 리턴 (현재 배열은 변하지 않음)
객체.join( [separator] )	배열의 모든 원소를 연결하여 하나의 문자열로 만들어 리턴. 각 원소 사이에 separator로 지정된 문자열 삽입 separator가 생략되면 "." 사용
객체.reverse	원소를 역순으로 재배열하고, 이를 복사한 새로운 배열 리턴
객체.slice(idxA [,idxB] )	두 인덱스 idxA와 idxB 사이의 원소들로 구성된 새 배열 리턴. 인덱스 idxB의 원소는 포함되지않음 idxB가 생략되면 끝원소까지 포함
객체.sort()	● 문자열 배열의 경우 :문자열을 사전 순으로 정렬하고 이를 복사한 새 배열 리턴. ● 문자열 배열이 아닌 경우 :배열의 원소들을 정렬하기 위해, 원소들을 비교하는 함수를 작성하여 sort (비교함수) 형식으로 호출해야함
객체.toString()	원소들을 모두 연결하여 하나의 문자열로 만들어 리턴. 원소와 원소 사이에 "." 삽입

 

 

예제) Array 객체의 메소드 활용

 

 

 

 

 

 

 

▶ Date 객체 - 시간 정보를 담는 객체

 

● 현재 시간 정보

● 학기 시작일 2017년 3월 1일의 날짜 기억  (Date() 객체에서 month값이 0부터 시작하기때문에 2가 3을 뜻한다)

 

● Date()객체 활용

 

● Date() 객체 생성 방법

객체 생성 방법	설명
new Date()	현재 날짜와 시간 값으로 초기화된 객체 생성
new date(y, m, d)	y, m, d는 각각 년, 월(0~100), 일(1~31)을 나타내며, 이 시간 정보를 가진 객체  생성
new Date(y, m, d, hour, min, sec)	y, m, d, hour, sec는 각각 년, 월, 일, 시, 분, 초의 값이며, 이 시간 정보를 가진 객체 생성

 

● Date() 객체의 주요 메소드

메소드	설명
getFullYear()	2018과 같이 4자리 연도 리턴 (getYear(), setYear()는 폐기 되었음)
getMonth()	0~11(월)의 정수 리턴 (0=1월, 1=2월, 2=3월 ···11=12월)
getDate()	1~31(일)의 날짜 리턴
getDay()	한 주 내 요일을 정수로 리턴 (0=일요월, 월요일=1···토요일=6)

 

예제)  Date 객체 생성 및 활용

 

 

 

예제) 방문 시간에 따라 변하는 배경색 만들기

 

 

 

 

 

 

 

 

▶ String 객체 -  문자열을 담기 위한 객체

 

 

● String 객체는 일단 생성되면 수정 불가능

 

 

● 문자열 길이

- String 객체의 length 프로퍼티 :읽기 전용

 

 

 

● 문자열을 배열처럼 사용

- [ ] 연산자를 사용하여 각 문자 접근

 

메소드	설명
charAt(index)	인덱스 idx에 있는 문자를 문자열로 만들어 리턴
charCodeAt(index)	인덱스 idx에 있는 문자의 16비트 유니코드(Unicode)값 리턴
concat(s1, s2, ···, sN)	현재 문자열 뒤에 문자열 s1, s2, ···, sN을 순서대로 연결한 새로운 문자열 리턴
indexOf( s, [idx] )	인덱스 idx 위치부터 문자열 s가 처음로 나타는 인덱스 리턴. idx가 생략되면 처음부터 검색, 발견할 수 없으면 -1 리턴
replace(strA, strB)	문자열 strA를 찾아 strB로 수정한 새로운 문자열 리턴
slice( idxA, [idxB] )	인덱스 idxA에서 idxB 앞까지 문자열을 복사하여 리턴. idxB가 생략되면 idxA에서 끝까지 리턴
split( [separator, [limit]] )	separator 문자열을 구분자로 하여 문자열을 분리하여 문자열 배열을 만들어 리턴. limit는 리턴하는 배열의 크기를 제한하는 정수
substr(idxA, [len] )	인덱스 idxA에서부터 len 문자 개수만큼 새로운 문자열 리턴. len이 생략되면 문자열 끝까지 리턴
substring(idxA, idxB)	idxA에서 idxB 앞까지 두 인덱스 사이의 문자열 리턴
trim()	문자열에 앞뒤 공백 문자(빈칸, 탭, 엔터키)를 제거한 새로운 문자열 리턴
toLowerCase()	소문자로 변환된 새로운 문자열 리턴
toUpperCase()	대문자로 변환된 새로운 문자열 리턴
fromCharCode(char)	char의 문자를 문자열로 만들어 리턴

 

예제) String 객체의 메소드 활용

 

 

 

▶ Math 객체 - 수학계산을 위한 객체

●  new Math()로 객체 생성하지 않고 사용

 

 

●  난수 발생

- Math.random() : 0~1 사이의 랜덤한 실수 리턴

- Math.floor(m)  : m의 소수점 이하를 제거한 정수 리턴

 

 

예제) Math를 이용한 구구단 연습