기록 ＞ 기억
[JavaScript] 함수 (function) 본문
함수 (function)
● 수학 함수
| 함수명 | 사용법 | 설 명 |
| eval | eval("계산식") | 계산식으로 들어온 문자열이나 숫자열 계산 |
| parseInt | parseInt(str) parseInt(str, radix) |
① 입력된 숫자나 문자를 정수로 변경 ② 진수 변환 |
| parseFloat | parseFloat(str) | 입력된 숫자나 문자를 실수로 변경 |
| isNaN | isNaN(value) | is Not a Number, 숫자가 아니면 true |
| isFinite | isFinite(number) | 숫자로만 이루어져 있으면 true |
console.log(eval("10*2")); //20
console.log(parseInt(10)); //10
console.log(parseInt(10.5)); //10
console.log(parseInt("10")); //10
console.log(parseInt("10 aa")); //10 숫자 + @ → 뒤 무시
console.log(parseInt("aa 10")); //NaN 문자 + @ → NaN
console.log(parseInt(100, 2)); //4 100을 2진수로 변환 → (2²x1)+(2¹x0)+(2˚x0) = 4
console.log(parseInt(100, 8)); //64 100을 8진수로 변환 → (8²x1)+(8¹x0)+(8˚x0) = 64
console.log(parseInt(100, 16)); //256 100을 16진수로 변환 → (16²x1)+(16¹x0)+(16˚x0) = 256
● 문자열 함수
| 함수명 | 사용법 | 설 명 |
| substr | substr(시작위치, [길이]) | 문자열 자르기 |
| toLowerCase | toLowerCase() | 문자열을 소문자로 변경 |
| toUpperCase | toUpperCase() | 문자열을 대문자로 변경 |
| indexOf | indexOf("문자열") | 문자열의 index 반환, 못찾으면 -1 |
| lastIndexOf | lastIndexOf("문자열") | 뒤에서부터 찾음 |
| charAt | charAt(index) | index에 해당하는 값 |
| split | split("나눌문자열") | 지정한 문자열을 기준으로 쪼개서 배열형으로 반환 |
| replace | replace(정규식,바꿀문자) | 문자열을 다른 문자열로 바꿈 |
| search | search(정규식 또는 찾을 문자열) | 찾을 문자열의 index 반환 |
| match | match(정규식 및 찾을 문자열) | 문자열을 찾지못하면 null 반환, 찾으면 문자열 반환 |
let jumin = "890125-1";
let year = jumin.substr(0,2); //89
let month = jumin.substr(2,2); //01
let day = jumin.substr(4,2); //25
let gFlag = parseInt(jumin.substr(7,1)); //1
let gender = "";
if(gFlag % 2 == 0) {
gender = "여자";
} else {
gender = "남자";
}
console.log(jumin.indexOf("1")); //3 → 앞에서부터 검색
console.log(jumin.lastIndexOf("1")); //7 → 뒤에서부터 검색
console.log(jumin.indexOf("4")); //-1 → 문자열 "4" 가 없어서 -1 반환<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>split</title>
<script>
window.onload = function() {
//데이터 초기값
let data = [ "son", "alli", "kane", "loris", "winks", "ndombele", "moura" ];
let result = document.getElementById("result");
result.innerHTML = data.join("<br>");
let searchTxt = document.getElementById("searchTxt");
let btnSearch = document.getElementById("btnSearch");
//콤마를 기준으로 다중검색
btnSearch.onclick = function() {
let rData = [];
let word = searchTxt.value.split(",");
for(let i in data) {
for(let j in word) {
if(data[i].indexOf(word[j]) > -1) {
rData.push(data[i]);
break;
}
}//for end
}//for end
result.innerHTML = rData.join("<br>");
}
}
</script>
</head>
<body>
<div id="split">
<h2>split</h2>
<input type="text" id="searchTxt">
<input type="button" value="검색" id="btnSearch">
<div id="result"></div>
</div>
</body>
</html>
● 사용자 정의 함수 → 반복적으로 사용되는 기능을 따로 묶어 호출 (모듈화)
'IT국비지원' 카테고리의 다른 글
| [JavaScript] 폼 객체 ① text 객체 (0) | 2021.09.17 |
|---|---|
| [JavaScript] 폼 객체, 내장 객체, 윈도우 객체 (0) | 2021.09.17 |
| [Algorithm] 정렬 알고리즘 (0) | 2021.09.17 |
| [JavaScript] 배열 (Array) (0) | 2021.09.14 |
| [JavaScript] 제어문 ② 반복문 (for, while, do while, for in, for of) (0) | 2021.09.08 |
| [JavaScript] 제어문 ① 조건문 (if, switch) (0) | 2021.09.08 |
| [JavaScript] 연산자 (0) | 2021.09.07 |
'IT국비지원' Related Articles
more
Comments