<!DOCTYPE html>
<html lang="ko" >
<head>
<meta charset="utf-8" >
<title> Studying Java Script</title >
</head>
<body>
<h1> Studying JavaScript</h1 >
<script>
//오브젝트의 종류로는 문자열, 배열, 날짜, 숫자, 브라우저, 문서가 있다.
// 문자열 오브젝트
var s = new String("This is a pen!");
console.log(s.substr(2,2)); // 2번째 문자부터 2개를 선택
console.log(s.replace( "pen", "pencil" )); // pen을 pencil로 대체
// 배열 오브젝트
var a = new Array(12, 33, 44, 55); // var a = [12, 33, 44, 55]; 와 같은 의미
console.log(a.join( "|")); // 배열의 요소를 ｜로 구분한 뒤 합쳐서 표시.
console.log(a.reverse()); // 배열의 요소를 거꾸로 표시
// 날짜 오브젝트
var d = new Date(); // 현재 날짜..
//var d = new Date(2013, 7, 17, 6, 19, 4);
// 2013년 8월 17일 6시 19분 4초, JS에서 월은 0부터 시작한다.
console.log(d.getFullYear()); // 해당 오브젝트의 해(년)을 표시
console.log(d.getMonth()); // 해당 오브젝트의 월을 표시.
console.log(d.getTime()); // 1970년 1월 1일부터의 시간을 ms단위로 표시.
// 숫자 오브젝트
console.log(Math.PI); // 원주값
console.log(Math.SQRT2); // 2의 루트값
var x = 5.538;
console.log(Math.floor(x)); // 버림
console.log(Math.ceil(x)); // 올림
console.log(Math.round(x)); // 반올림
console.log(Math.random()); // 0 ~ 1 사이의 랜덤값을 발생.
// 브라우저 오브젝트 Browser Object Model(BOM)
console.log(window.innerHeight); // 브라우저 화면의 높이를 표시
//window.location.href = "http://google.com"; 브라우저를 구글로 이동시킴.
// 연상배열은 키와 값의 쌍으로 이루어진 오브젝트를 의미한다.
// 배열을 인덱스로 접근하는 것이 아니라 키로 접근하는 것이 가능하다.
var sales = {'2000' :100, '2001':300, 'year2002':200, 'year2003':150};
// 연상배열값에 접근하는 방법은 두가지가 있다. []과 .
console.log(sales[2000]); // 연상배열의 키가 숫자일 경우, OK!
// console.log(sales.2001); // 연상배열의 키가 숫자일 경우, ERROR!
console.log(sales[ 'year2002']); // 연상배열의 키가 문자열일 경우,OK!
console.log(sales.year2003); // .을 이용한 방법도 OK!
</script>
</body>
</html>
|
<결과화면, 브라우저의 콘솔화면>
is main.html:15
This is a pencil! main.html:16
12|33|44|55 main.html:20
[55, 44, 33, 12] main.html:21
2013 main.html:27
1376733167854 main.html:29
3.141592653589793 main.html:32
1.4142135623730951 main.html:33
0.7562234776560217 main.html:40
673 main.html:43
100 main.html:52
200 main.html:54
150
|
No comments:
Post a Comment