HTML/CSS/JAVASCRIPT 강의실

시삽: 레드플러스 님 
게시판 이동:
 제목 : 15일차 강의내용 - 자바스크립트 내장객체 및 배열
글번호: 27
작성자: 관리자
작성일: 2001/01/29 오전 12:34:00
조회수: 7806
JavaScript

학습내용 : 자바스크립트 - 내장객체 및 배열(2001/01/29)

5. Javascript의 내장 객체 및 배열

① Date 객체

날짜와 시간을 다루는데 사용되는 객체. new 연산자를 사용하여 만든다.

now = new Date()

 

getYear()

1970년도 이후의 연도

getMonth()

월(0=1월, 1=2월, ...)

getDate()

getDay()

요일(0=일요일, 1=월요일, ...)

getHours()

getMinutes()

getSeconds()

getTime()

1970년 1월1일 이후 시간을 1/1000초로 나타낸 값

 

② String 객체

new 연산자를 사용하지 않는다.

test = "test string"

 

String 객체의 특성과 메소드는 String 객체 뒤에 "." 연산자와 함께 붙인다.

num = test.length
test.bold().blink()

String 객체의 메소드 : 문자열 속성

중첩사용이 가능하다.

big()

글자를 좀더 크게

small()

글자를 좀더 작게

blink()

깜박이게

bold()

볼드체

fixed()

타자기체

italics()

이탤릭체

strike()

글자 가운데 줄 긋기

sub()

아래첨자

sup()

위첨자

fontcolor("color")

글자색

fontsize("size")

글자크기

 

String 객체의 메소드 : 하이퍼텍스트 연결

anchor("표식")

표식 지정

link("위치")

하이퍼 텍스트 연결

 

"표식".anchor("특정") //특정위치 표시

"표식으로".link("#특정") //특정위치로 이동

String 객체의 메소드 : 문자열 처리

charAt(index)

매개변수로 입력된 숫자가 지정하는 곳에 있는 문자를 리턴한다.

indexOf(string)

문자열에서 자신이 검색하기를 원하는 문자가 나오는 곳의 위치를 리턴한다(왼쪽부터 검색).

lastIndexOf(string)

지정된 위치의 문자 찾기(오른쪽부터 검색)

subString(index1, index2)

지정된 위치 사이에 있는 문자열을 추출한다.

toLowerCase()

모든 문자를 소문자로

toUpperCase()

모든 문자를 대문자로

concat(string)

두 개의 문자열을 합하여 하나의 새로운 문자열을 만든다.

slice(시작index, 끝index)

문자열의 일부를 추출하여 새로운 문자열을 만든다.

split([분리자], [개수])

분리자를 기준으로 여러 개의 문자열로 나눈다.

substr(시작index, length)

문자열의 일부를 추출하여 새로운 문자열을 만든다.

 

③ Array 객체

배열을 선언함과 동시에 값을 할당할 수도 있다.

test = new array("1행", "2행", "3행")

JavaScript1.2 버전에서는 새로운 방법이 생겨났다.

test = ["배열값1", '배열값2", "배열값3"]

Array 객체를 사용할 때는 Javascript 버전에 신경 써야 한다.

익스플로러 3.0/4.0은 Array 객체의 메소드를 지원하지 않는다.

● join([str])

배열에 들어 있는 각 값들을 모두 붙여서 하나의 문자열로 만들어준다.

test.join()        //결과 "1행,2행,3행"
test.join(":")    //결과 "1행:2행:3행"

 

● sort(function)

배열 값들을 매개변수(값을 비교하는 함수)를 이용해 정렬한다.

 function compare(a, b) {
   if(a < b)
       return -1
   else if(a > b)
       return 1
   else
       return 0
}
test.sort(compare)

 

● reverse

배열의 순서를 정반대로 바꾼다.

● concat(array)

두 개의 배열을 합해 하나의 배열로 만들어준다.

test1 = ["test1", "test2", "test3"]
test2 = ["test4", "test5", "test6"]
test3 = test1.concat(test2)

 

● slice(start, end)

배열의 일부를 추출하여 새로운 배열로 만들어준다.

 test4 = test3.slice(0, 2)

 

④ Number 객체

문자로 된 숫자 단어를 실제 숫자로 바꾸어주는 간단한 객체이다.

 document.write(number("3));

※ 학습정리

 

※ 관련문제

 

※ 참고문헌

 정보통신교육원 문서자료.

 

 
이전 글   다음 글 삭제 수정 답변 글쓰기 리스트

(댓글을 남기려면 로그인이 필요합니다.)

관련 아티클 리스트
  제       목 파일 작성자 작성일 조회
이전글 15일차 강의내용 - 이벤트 및 이벤트 처리기 - 관리자 2001-01-30 7247
현재글 15일차 강의내용 - 자바스크립트 내장객체 및 배열 - 관리자 2001-01-29 7806
  예제. 자바스크립트 내장 객체 : Date객체 자바스크립트내장객체(Date객체).jpg(87 KB) 레드플러스 2003-10-21 5896
  예제. 060. DATE객체_현재의시간을알아내는예제_오전오후처리 DATE객체_현재의시간을알아내는예제_오전오후처리.jpg(85 KB) 레드플러스 2003-10-21 6910
  JavaScript 현재 시간과 날짜 한줄로 표시 - 레드플러스 2014-04-05 10365
  예제. 자바스크립트 내장 객체 : Array객체 자바스크립트내장객체(Array객체).jpg(83 KB) 레드플러스 2003-10-21 5818
  예제. 자바스크립트에서 2차원 배열 표현하는 방법 JavaScriptArray.png(4 KB) 레드플러스 2008-11-13 9685
  Array 개체의 indexOf 메서드 사용 예제 JavaScript_Array_indexOf.png(191 KB) 레드플러스 2015-01-30 3238
  JavaScript 배열: length, push(), pop(), shift(), ... JavaScript_Array_Push_Shift_UnShift.png(89 KB) 레드플러스 2015-04-14 3785
  Array객체의 주요 메서드 설명: join(), sort(), reverse(), ... JavaScript_Array_Methods.png(125 KB) 레드플러스 2015-04-14 3488
  예제. 자바스크립트내장객체(Array객체+Date객체;요일표시) 자바스크립트내장객체(Date객체요일표시).jpg(82 KB) 레드플러스 2003-10-21 7208
  예제. string 객체(문자열 관련 처리) string객체.jpg(128 KB) 레드플러스 2003-10-21 5593
  예제. string객체_charAt()_n번째문자검색.htm string객체_charAt()_n번째문자검색.jpg(84 KB) 레드플러스 2003-10-21 5883
  예제. string객체_indexOf()_문자열의위치검색 string객체_indexOf()_문자열의위치검색.jpg(85 KB) 레드플러스 2003-10-21 6876
  예제. string객체_length_문자열의길이 string객체_length_문자열의길이.jpg(80 KB) 레드플러스 2003-10-21 6274
  예제. string객체_substring()_문자열사이의문자검색 string객체_substring()_문자열사이의문자검색.jpg(87 KB) 레드플러스 2003-10-21 6397
  예제. string객체_toLowerCase()_대문자에서소문자로변환 string객체_toLowerCase()_대문자에서소문자로변환.jpg(88 KB) 레드플러스 2003-10-21 7359
  실습. 자바스크립트 내장객체(String객체) 자바스크립트내장객체(String객체).htm(1 KB) 레드플러스 2004-07-13 5676
  퀴즈. 자바스크립트 내장객체(String객체) - 레드플러스 2004-07-13 5456
다음글 14일차 강의내용 - 객체 - 관리자 2001-01-26 6731
 
손님 사용자 Anonymous (손님)
로그인 Home