자바스크립트 메소드 정리

“자바스크립트에서 자주 사용하는 메소드를 정리했습니다. “


Method설명 및 문법사용법
1. 문자열 메소드
indexOf()특정 문자의 위치 찾기
stringValue.indexOf(searchValue[,fromIndex])
search()정규식 검색에서 첫 번째로 일치하는 부분 문자열 찾기
string.search(regexp)
var txt = "도레 미 파 솔 라시";
document.write(txt.search("솔"));
slice()시작지점과 끝지점을 받아 해당하는 만큼을 추출하여 돌려주는 메서드
string.slice(begin, end)
var txt = "도레미파솔라시";
document.write(txt.slice(3,5));
substr()문자열을 받아서 일정한 영역만큼 잘라낸 후 리턴
string.substr(start,length)
var txt = "도레미파솔라시";
document.write(txt.substr(3,2));
replace() 문자열중 조건에 맞는 문자열을 다른 문자열로 변경
string.replace(regexp|substr, newSubStr);
var txt = "선풍기 다리미";
document.write(txt.replace("선풍기","에어컨"));
toUpperCase()문자열 대문자로 교체
string.toUpperCase()
var txt = "abcdef";
document.write(txt.toUpperCase());
toLowerCase()문자열 소문자로 교체
string.toLowerCase()
var txt = "LMNOP";
document.write(txt.toLowerCase());
concat()문자열 합치기
string1.concat(string2, string3[,..., stringN])
var txt1 = "해외";
var txt2 = "여행";
document.write(txt1.concat("",txt2));
split()문자열을 분할하여 배열로 리턴
string.split(separator, limit)
var txt = "ab,b,cfg,drm,e";
var arr = txt.split(",");

document.write(arr[2]);
2. 숫자 메소드
toString()수를 문자열로 리턴
number.toString(radix)
var n = 2015;
document.write(n.toString() + "년");
toFixed()소수 자리수 길이 제한하여 문자열반환
number.toFixed([digits])
var x = 9.123;
document.write(x.toFixed(0));
toPrecision()수의 길이를 제한하여 문자열 리턴
number.toPrecision([precision])
var y = 9.123456;
document.write(y.toPrecision(1));
3. Date 메소드
getDate()일자를 리턴document.write(new Date().getDate());
getDay()요일을 (0~6) 리턴document.write(new Date().getDay());
getFullYear()년도를 리턴document.write(new Date().getFullYear());
getHours()시간을 리턴document.write(new Date().getHours());
getMinutes()분을 리턴document.write(new Date().getMinutes());
getMonth(0월을 리턴document.write(new Date().getMonth());
getTime()1970년 1월 1일부터 현재시간까지 밀리세컨드 반환document.write(new Date().getTime());
4. Math 메소드
random()0 ~ 1 사이의 랜덤한 값 출력document.write(Math.random() * 10);
min()최소값 출력document.write(Math.min(0, 100, 50, -20));
max()최대값 출력document.write(Math.max(0, 100, 50, -20));
round()소수를 4사5입하여 정소루 리턴document.write(Math.round(7.2));
ceil()소수를 가장 가까운 정수로 올려서 리턴document.write(Math.ceil(7.1));
floor()소수를 가장 가까운 정수로 낮추어 리턴document.write(Math.floor(7.9));
5. 배열 메소드
valueOf()배열의 원소를 콤마로 구분한 문자열을 리턴var mts = ["백두산","한라산","지리산"];
document.write(mts.valueOf());
toString()배열의 원소를 콤마로 구분한 문자열을 리턴document.write(mts.toString());
pop()배열의 마지막 원소를 리턴document.write(mts.pop());
push()배열의 마지막에 원소를 추가mts.push('설악산');
document.write(mts.valueOf());
shift()배열의 첫번째 원소를 리턴document.write(mts.shift());
unshift()배열의 시작점에 원소를 추가(mts.unshift('소백산'));
document.write(mts.valueOf());
length배열의 길이 반환document.write(mts.length);
delete배열의 일부를 삭제delete mts[1];
document.write(mts.toString());
sort()배열을 정렬
array.sort(sortfunc)
document.write(mts.sort());
reverse()배열의 원소를 거꾸로 리턴document.write(mts.reverse());
splice()배열의 특정 구간을 추출. 특정 배열추가
array.splice(index, howmany, element1, ...., elementN);
var kings = ["태","정","태","세","문","단"];
document.write(kings.splice(1,3));
slice()배열의 특정 구간을 출력
array.slice(start, end)
var kings = ["태","정","태","세","문","단"];
document.write(kings.slice(1,3));
concat()배열을 결합해서 리턴
array.concat(value1, value2, ..., valueN)
var colors = ["Blue","Red"];
var rgb = ["0000ff","ff0000"];
var c2r = colors.concat(rgb);
document.write(c2r.toString());

댓글 남기기

이메일은 공개되지 않습니다. 필수 입력창은 * 로 표시되어 있습니다