1. 함수(function)
가. 함수란 ?
반복적으로 사용되는 기능을 따로 묶어 호출되어 사용될수 있도록 정의하는 서브 루틴.
나. 함수의 종류
1) 내장함수 : 자주 사용되어지는 기능을 미리 제작자가 특정 규칙에 의해 사용될 수 있도록 재공하는 함수를 내장 함수라 한다.
2) 사용자 정의함수 : 사용자 임의로 정의하고 호출해서 사용하는 서브 루틴.
수학함수
1. eval("계산식“)
계산식으로 들어온 문자열이나 숫자열을 계산한다.
| r=eval("10*10") document.write(r) --> 100 |
2. parseInt(str, radix)
1) 입력된 숫자나 문자를 숫자로 변경한다.
2) 진수가 표기 되어 있으면 m 을 n 진수의 값이라 생각하고 m을 10진수로 변경하여 린턴한다.
| document.write(parseInt("1111",2)); -> 15 document.write(parseInt("100",3)); -> 9 document.write(parseInt("100",8)); -> 64 document.write(parseInt(“ff”,16)) -> 255 |
3. parseFloat("문자열“)
문자열을 실수로 변환하여 리턴한다.
| document.write(parseFloat(“123.123”)) -> 123.123 |
4. isFinite(number)
number 가 유한의 수인가를 체크한다. 실제로는 유/무한의 수를 판별하지 못한다. 단, 숫자로만 이루어져있는가를 체크한다.
| a="123" ; b="adc" ; c="123+123" document.write(isFinite(a)) --> true document.write(isFinite(b)) --> false document.write(isFinite(c)) --> false |
5. isNaN(value)
value가 문자인가를 체크한다.(isNot a Number의 약자)
| a="adf" ; b=123 ; c="123" document.writeln(isNaN(a)) --> true document.writeln(isNaN(b)) --> false document.writeln(isNaN(c)) --> false |
6. Number
문자형으로 된 숫자데이터를 숫자데이터로 변경한다.
| a="100"; b="100"; c = Number(a); document.write("a+a=" + (a+a) + "<br>"); // 100100 document.write("c+c=" + (c+c) + "<br>"); // 200 |
7. toFixed(자리수)
지정된 자리에서 반 올림하여 표시해 준다.
자리수 범위 : ≥ 0
n = 123.456;
document.write(n.toFixed(0)); // 123
document.write(n.toFixed(1)); // 123.5
document.write(n.toFixed(2)); // 123.46
문자열 함수
String()객체는 문자열을 조작하는 객체이나, 특별히 new String(str)을 이용하여 선언하지 않아도 사용할 수 있다.
가. substr(시작위치, [길이])
길이가 생략되면 문자열의 끝까지
| a="771212-1234567" a1=a.substr(0,6) --> 771212 a2=a.substr(7) --> 1234567 |
나. toLowerCase()
문자열을 모두 소문자로 변경
| a="Abc"; b= a.toLowerCase(); document.write(b); -->abc |
다. toUpperCase()
문자열을 모두 대문자로 변경
| a="abc"; b= a.toUpperCase(); document.write(b); --> ABC |
라. indexOf("문자열“) / lastIndexOf("문자열”)
문자열이 있는 위치를 나타냄. 문자열을 찾지 못하면 -1을 리턴한다.
- indexOf() 앞에서부터 찾아 그 위치를 반환한다.
- lastIndexOf() 뒤에서부터 차자 그 위치를 반환하지만 위치값은 앞에서부터 계산한다.
| a="abc", b= a.indexOf("b"); document.write(b); --> 1 b= a.lastIndexOf("c"); document.write(b); --> 2 |
마. charAt(index)
지정된 index 위치의 값을 가져온다.
| a="abc"; b= a.charAt(2); document.write(b); --> c |
바. split("나눌문자열“)
지정된 문자열을 나눌 문자열로 분리하여 배열형으로 반환한다.
| a="abc1abc1abc" b= a.split("1"); document.write(b); --> abc,abc,abc(배열을 그냥 찍으면 항목사이에 “,”를 자동으로 붙여줌) |
사. replace(정규식,바꿀문자)
- 정규 표현식 사용
| <SCRIPT LANGUAGE="JavaScript"> var s = "재빠른 갈색 여우가 느린 황색 개를 덮쳤습니다. 여우같으니"; re = /여우/g; // 정규식 r = s.replace(re, "fox"); document.write(r); // 재빠른 갈색 fox가 느린 황색 개를 덮쳤습니다. fox같으니 </SCRIPT> |
- 일반 문자열 사용
| <SCRIPT LANGUAGE="JavaScript"> str ="abcdef"; ex="c"; result = str.replace(ex, "d"); document.write(result); // 결과 : abddef </SCRIPT> |
아. search(정규식 또는 찾을 문자열)
찾은 위치값을 반환합니다.
| <SCRIPT LANGUAGE="JavaScript"> var s = "내가 찾고자 하는 문자는 원기입니다."; pos = 0; // 찾은 위치값. pos = s.search("원기"); document.write(pos); // 결과 14 </SCRIPT> |
자. match(정규식 및 찾을 문자열)
문자열을 찾지 못하면 null을 반환하고 찾았으면 해당 문자열을 반환합니다.
| <SCRIPT LANGUAGE="JavaScript"> var s = "내가 찾고자 하는 문자는 원기입니다."; pos = s.match("원기"); if(pos == null) document.write("문자열이 없습니다."); else document.write("찾았습니다"); </SCRIPT> |
차. toString([진수])
숫자형 자료를 문자형으로 바꾸어 주는 함수. 진수가 지정되면 해당 진수로 형변환하여 출력함.
<script>a = 255;oct = a.toString(8);hex = a.toString(16);bin = a.toString(2);alert(oct + "," + hex + "," + bin);</script>
사용자 함수 정의하기
가. 구조
| 형 식 | 예 |
| function 함수명(인수1, 인수2....인수n){ 함수 내용 [return 결과] } ... //함수 호출 변수=함수명(인수1, 인수2....인수n) |
<script> function a(i,j){ k=i+j return k } c=a(10,20); document.write(c); </script> |
1) function 안에서 return문을 이용하여 함수의 결과를 리턴할 수 있다.
2) 단순한 출력을 위한 함수라면 retrun문은 없어도 상관 없다.
3) 인수의 개수는 서로 동일해야 한다.
나. 사용자 정의함수 예
1) 두수와 한 개의 연산자를 전달받아 그 결과를 리턴하는 함수를 작성하시오.
| <script language="javascript"> function a(i,j,k){ r=eval(i+k+j) return r } document.write(a(10,20,"+")) </script> |
'BOOK > 자바스크립트' 카테고리의 다른 글
| document 객체 (0) | 2021.07.30 |
|---|---|
| 배열(Array) (0) | 2021.07.30 |
| 제어문 (0) | 2021.07.30 |
| 자료의 유형과 연산자 (0) | 2021.07.30 |
| 자바 스크립트 작성 방법 (0) | 2021.07.30 |
댓글