자바스크립트(JavaScript)

자바스크립트의 기본 형태

<script language="JavaScript"> 내용 ... </script>

<script language="JavaScript" src="test.js">

HTML태그는 대/소문자를 구분하지 않지만 JavaScript 태그안에서는 문법에 맞춰서 대/소문자를 구별하여 사용하여야 한다.

배열 추출/제거 메소드

shift(): 배열 첫번째 값을 추출

pop(): 마지막 값을 추출

slice(): 지정된 위치의 배열 값을 제거

unshift(): 배열을 추가한다.

reverse(): 적용된 배열의 순서를 뒤집는다.

toString(): 숫자를 문자로

join(): toString()처럼 배열의 데이터 형을 문자형으로 바꿔주는 기능을 한다.

정규식 사용하기

var str="HTML1 HTML2 HTML3 HTML4";

var patt = new ReqExp(/HTML/g);

var searchstr=str.replace(patt, "자바");

ReqExp()를 사용하여 /검색할 문자열 패턴/ 안의 문자열을 검색하고, g는 global로 모든 HTML을 찾는다.

/HTML/만 사용하면 첫번째 HTML만 검색

정규식 flag(/ 바깥에 기술된다)

g: 전체를 찾아 return한다.

i: 대소문자를 구별하지 않고 검색 (/HTML/gi)

m: 여러줄 상태검색

정규 표현식

메타 문자

^: /^name/: name으로 시작하는 모든 줄과 일치 시킴 (정규 표현식의 시작을 나타냄)

$: /name$/: name으로 끝나는 모든 (정규 표현식의 끝을 나타냄)

..: /n..e/: n으로 시작해서 두글자가 오고 e로 끝나는 문자열(.은 한 문자를 나타냄)

*: /*name/: 0개 이상의 공백에 이어 name이라는 글자가 오는 줄

[]: /[Nn]ame/: Name, name과 일치하는 글자

[x-y]:/[A-Z]ame/: A-Z사이의 문자가 오고 ame이 일치하는 줄

[^]: /[^A-Z]: A-Z사이의 문자가 아님

\: /name\./: name을 포함하고 메타문자가 아닌, 자체 문자가 포함되는 줄과 일치

\w: 알파벳과 숫자 전체를 의미함. [A-Z0-9] 와 같은 의미

\W: 알파벳과 숫자를 제외함. [^A-Z0-9] 와 같음

\d: 모든 숫자를 나타냄. [0-9]와 같음.

\D: 모든 숫자를 제외함. [^0-9]와 같음

\s: 빈 칸을 나타냄.

\S: 빈 칸을 제외한 모든 숫자, 문자

\b: 단어의 시작 문자를 나타냄 

\B: 단어의 처음이 아닌 문자만 검색

패턴의 확장

+: 앞에 나오는 패턴 형식이 1개 이상 연속되는 경우를 나타냄. /p+/g p,pp, ppp등을 검색한다.

*: 0개 이상 연속 되는 경우를 나타냄. /ap*/g 이면 a, ap, app, appp등이 검색 된다.

?: 두번째 문자가 한개일 경우만 검색한다. /ap?/g 이면 a, ap만 검색한다.

{}: 패턴 문자의 길이를 지전해 준다. /\w{5}/g 면 5글자 이상만 검색한다.

{,}: 두 문자 사이 길이의 문자만 검색한다. /\w{4,6} 4개 이상 6이하의 단어만 검색(마지막 숫자를 쓰지 않으면 끝까지 검색)

?=: 지정 패턴을 검색. /T(?=M)/g 면 T뒤에 M 이 오는 단어만 검색

?!: 지정 패턴을 제외하고 검색 /T(?!M)/g 면 T 뒤에 M이 나오는 제외하고 T 검색