Array 객체
Array
- 배열을 다루기 위한 객체
- 배열의 원소에 대한 추가, 삭제, 정렬 등의 조작 기능을 제공
- 크기가 자동으로 증가되는 특징을 가지고 있다.
- concat(arr) : 매개변수로 전달된 배열 객체를 현재 배열 객체에 연결.
- join(del) : 배열의 원소를 구분문자열 del로 연결해 문자열로 반환.
- slice(start,[end]) : start 인덱스에서 end-1인덱스의 원소로 배열을 생성
하여 반환.
- splice(start, cnt, [rep...]) : start 인덱스에서 cnt개의 원소를
rep...로 치환.
- pop() : 배열 끝의 원소를 꺼내 배열에서 삭제.
- push(data1,[,data2,...]) : 배열 끝에 원소를 주기.
- shift() : 배열 처음에서 원소를 꺼내 삭제.
- unshift(data1,[,data2,...]) : 배열 처음에 원소들을 추가.
- reverse() : 인덱스 역순으로 배열을 정렬.
- length : 배열의 크기.
- toString() : [원소1,원소2,...] 형식의 문자열로 반환.
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Array 객체</title>
</head>
<body>
<script type="text/javascript">
/* Array
- 배열을 다루기 위한 객체
- 배열의 원소에 대한 추가, 삭제, 정렬 등의 조작 기능을 제공
- 크기가 자동으로 증가되는 특징을 가지고 있다.
- concat(arr) : 매개변수로 전달된 배열 객체를 현재 배열 객체에 연결.
- join(del) : 배열의 원소를 구분문자열 del로 연결해 문자열로 반환.
- slice(start,[end]) : start 인덱스에서 end-1인덱스의 원소로 배열을 생성
하여 반환.
- splice(start, cnt, [rep...]) : start 인덱스에서 cnt개의 원소를
rep...로 치환.
- pop() : 배열 끝의 원소를 꺼내 배열에서 삭제.
- push(data1,[,data2,...]) : 배열 끝에 원소를 주기.
- shift() : 배열 처음에서 원소를 꺼내 삭제.
- unshift(data1,[,data2,...]) : 배열 처음에 원소들을 추가.
- reverse() : 인덱스 역순으로 배열을 정렬.
- length : 배열의 크기.
- toString() : [원소1,원소2,...] 형식의 문자열로 반환.
*/
var ary1 = ['홍길동', '이순신', '강감찬','을지문덕', '광개토대왕'];
var ary2 = ['이나영','임수정','이영애','김혜수'];
document.writeln(ary1.concat(ary2), '<br/>');
document.writeln(ary1.join("/"), '<br/>');
document.writeln(ary1.slice(1), '<br/>');
document.writeln(ary1.slice(1, 2), '<br/>');
document.writeln(ary1.splice(1, 2, '계백','김유신'), '<br/>');
document.writeln(ary1, '<br/>');
document.writeln('<br/>');
document.writeln(ary1.pop(),'<br/>');
document.writeln(ary1, '<br/>');
document.writeln('<br/>');
document.writeln(ary1.push('권율'),'<br/>');
document.writeln(ary1, '<br/>');
document.writeln('<br/>');
document.writeln(ary1.shift(),'<br/>');
document.writeln(ary1, '<br/>');
document.writeln(ary1.unshift('세종대왕','장영실'),'<br/>');
document.writeln(ary1, '<br/>');
document.writeln('<br/>');
document.writeln(ary1.reverse(), '<br/>');
document.writeln('<br/>');
document.writeln(ary1.length, '<br/>');
document.writeln('<br/>');
document.writeln(ary1.toString(), '<br/>');
document.writeln('<br/>');
</script>
</body>
</html>
String 내장 객체
String
- 문자열을 다루기 위한 랩퍼(Wrapper) 객체.
- 문자열의 검색, 부분 문자열의 추출, 변환 등의 조작 기능을 제공.
- indexOf(substr [, start]) : start인덱스로부터 정방향으로
부분문자열 substr과 일치하는 인덱스 반환.
- lastIndexOf(substr [, start]) : start인덱스로부터 역방향으로
부분문자열 substr과 일치하는 인덱스 반환.
- charAt(n) : n번 인덱스의 문자를 반환.
- slice(start[,end]) : 문자열에서 end-1인덱스 사이의 문자를 반환.
- split(str [,limit]) : 문자열을 분할문자열str로 분할하여 그 결과를 배열로
반환(limit은 최대 분할수).
- concat(str) : 문자열 뒤에 문자열 str을 연결한 새로운 문자열을 반환.
- length : 문자열의 길이를 반환.
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>String</title>
</head>
<body>
<script type="text/javascript">
/* String
- 문자열을 다루기 위한 랩퍼(Wrapper) 객체.
- 문자열의 검색, 부분 문자열의 추출, 변환 등의 조작 기능을 제공.
- indexOf(substr [, start]) : start인덱스로부터 정방향으로
부분문자열 substr과 일치하는 인덱스 반환.
- lastIndexOf(substr [, start]) : start인덱스로부터 역방향으로
부분문자열 substr과 일치하는 인덱스 반환.
- charAt(n) : n번 인덱스의 문자를 반환.
- slice(start[,end]) : 문자열에서 end-1인덱스 사이의 문자를 반환.
- split(str [,limit]) : 문자열을 분할문자열str로 분할하여 그 결과를 배열로
반환(limit은 최대 분할수).
- concat(str) : 문자열 뒤에 문자열 str을 연결한 새로운 문자열을 반환.
- length : 문자열의 길이를 반환.
*/
var str1 = "better tomorrow";
document.writeln(str1.indexOf("t"), '<br/>');
document.writeln(str1.indexOf("t",3), '<br/>');
document.writeln(str1.indexOf("mo"), '<br/>');
document.writeln(str1.lastIndexOf("t"), '<br/>');
document.writeln(str1.lastIndexOf("o",3), '<br/>');
document.writeln('<br/>');
var str2 = "JavaScript";
document.writeln(str2.charAt(4), '<br/>');
document.writeln(str2.slice(5, 8), '<br/>');
document.writeln(str2.substring(5, 8), '<br/>');
document.writeln(str2.split("S"), '<br/>');
document.writeln('<br/>');
document.writeln(str2.concat('프로젝트'), '<br/>');
document.writeln(str2.length, '<br/>');
</script>
</body>
</html>
Number 내장 객체
Number
- 숫자를 다루기 위한 랩퍼 객체.
- toString(n) : n진수 값으로 변환.
- toFixed(n) : 소수점 이하 자리수 n에 맞춰 변환(자리수가 부족한 경우 0으로 채움)
- toPrecision(n) : 전체 유효 자리수 n에 맞춰 변환(자리수가 부족한 경우 0으로 채움)
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Number</title>
</head>
<body>
<script type="text/javascript">
/* Number
- 숫자를 다루기 위한 랩퍼 객체.
- toString(n) : n진수 값으로 변환.
- toFixed(n) : 소수점 이하 자리수 n에 맞춰 변환(자리수가 부족한 경우 0으로 채움)
- toPrecision(n) : 전체 유효 자리수 n에 맞춰 변환(자리수가 부족한 경우 0으로 채움)
*/
var num1 = 255;
document.writeln(num1.toString(16), '<br/>');
document.writeln(num1.toString(8), '<br/>');
var num2 = 123.45678;
document.writeln(num2.toFixed(3), '<br/>');
document.writeln(num2.toFixed(7), '<br/>');
document.writeln(num2.toPrecision(6), '<br/>');
</script>
</body>
</html>
Math 내장 객체
Math
- abs(n) : n에 대한 절대값 반환.
- pow(base,n) : base값의 n제곱을 반환.
- random() : 0~1 사이의 난수를 반환.
- ceil(n) : n 이상의 최소정수 반환.
- floor(n) : n 이하의 최소정수 반환.
- sqrt(n) : n의 제곱근을 반환.
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Math</title>
</head>
<body>
<script type="text/javascript">
/* Math
- abs(n) : n에 대한 절대값 반환.
- pow(base,n) : base값의 n제곱을 반환.
- random() : 0~1 사이의 난수를 반환.
- ceil(n) : n 이상의 최소정수 반환.
- floor(n) : n 이하의 최소정수 반환.
- sqrt(n) : n의 제곱근을 반환.
*/
document.writeln(Math.abs(-15), '<br/>');
document.writeln(Math.pow(2,3), '<br/>');
document.writeln(Math.random(), '<br/>');
document.writeln(Math.ceil(1.58), '<br/>');
document.writeln(Math.floor(1.58), '<br/>');
document.writeln(Math.sqrt(3), '<br/>');
</script>
</body>
</html>
Date 내장 객체
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Date</title>
</head>
<body>
<script type="text/javascript">
/* Date
- new 연산자와 생성자 호출을 통해 객체를 생성해야함.
- 1970년 1월 1일 0시 0분 0초를 기준으로 시각을 관리함.
- 월지정값은 0~11.
*/
var dat = new Date(2020, 11, 18,14, 08, 35, 500);
document.writeln(dat, '<br/>');
document.writeln(dat.getFullYear(), '<br/>'); //년(4자리)
document.writeln(dat.getMonth()+1, '<br/>'); //월(0~11)
document.writeln(dat.getDate(), '<br/>'); //일(1~31)
document.writeln(dat.getDay(), '<br/>'); //요일(0:일요일~6:토요일)
document.writeln('<br/>');
var dat2 = new Date();
/* dat2.setFullYear(2020);
dat2.setMonth(11);
dat2.setDate(18); */
document.writeln(dat2, '<br/>');
//지역정보에 따른 날짜와 시간을 문자열로 반환. toLocaleString()
document.writeln(dat2.toLocaleString(), '<br/>');
document.writeln(dat2.toLocaleDateString(), '<br/>');
document.writeln(dat2.toLocaleTimeString(), '<br/>');
</script>
</body>
</html>
