1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 | <!DOCTYPE html> <head> <title></title> </head> <script type= "text/javascript" > function test(name,age){ this .name = name; this .age = age; } // toString()은 자바스크립트 최상위 Object 객체의 메서드로 // 모든 객체들은 이 toString을 가지고 있다. 따라서 // 아래처럼하면 toString()을 재정의한 것이고 // toString()메서드는 객체명만 기술시 출력할 수 있다.(자바와 same) test.prototype.toString = function(){ return "이름 : " + this .name + " 나이 : " + this .age; } var f = new test( "hhh" , 28 ); alert(f); // [ 문자열 String 관련 내장 객체 및 메서드 ] // 1. 문자열 생성 방법 2가지 var str = "문자열" ; var str2 = new String( "문자열2" ); // 문자열 관련 대표 메서드 // 문자열 길이 var strLength = str.length; // indexOf("찾을문자열") : 찾을 문자열 시작 인덱스를 반환한다. // 찾는 문자열이 없을시 -1을 리턴한다. var startIndex = str.indexOf( "자열" ); // replace("old","new"); str.replace( "자열" , "좌열" ); // match("정규표현식") // str.match("정규표현식") : 정규표현식에 일치하는 문자열을 리턴한다. // substring(시작인덱스,끝인덱스) : 시작 ~ 끝 까지의 문자열을 반환한다. var sub = str2.substring( 1 , 3 ); // toLowerCase() : 소문자로 변환 var low = str2.toLowerCase(); // toUpperCase() : 대문자로 변환 var up = str2.toUpperCase(); // [ 숫자관련 내장객체 Number ] var num = 10 ; var s = "10" ; var num2 = Number(s); // 숫자로 변환 // 숫자 관련 대표 메서드 : toFixed(자리수) : 자리수 이하를 버림한다. alert(num2.toFixed( 1 )); alert( 10.23456 .toFixed( 2 )); // [ 배열 ] var arr1 = [ 1 , 2 , 3 , 4 , 5 ]; // 생성과 동시에 초기화 var arr2 = new Array( 5 ); // 공간만 생성 var arr3 = new Array(); // [ 배열관련 메서드 ] var arr1Length = arr1.length; // push : 배열의 마지막에 데이터를 삽입 arr1.push( "newDataString" ); // 자바와 달리 하나의 배열에 여러 타입을 저장할 수 있음. // pop : 마지막에 저장한 데이터를 빼옴 var popData = arr1.pop(); // newDataString // splice(시작인덱스,갯수) : 시작인덱스부터 해당 갯수만큼 데이터를 삭제하고, 삭제한 데이터들을 반환함 var spliceData = arr1.splice( 2 , 3 ); // 3,4,5 가 spliceData 들어가 있음 alert( "spliceData : " + spliceData); alert(arr1); // 1,2 // [ Date 객체] // Date 객체 생성 var date = new Date(); // '일' 가져오기 alert( "getData() : " + date.getDate()); // '월' 가져오기 : 월-1 값이 출력됨을 유의(달만 이렇게...) alert( "getMonth() : " + date.getMonth()); // 8월이면 7이 출력됨 // '년' 가져오기 alert( "getFullYear() : " + date.getFullYear()); // 7일 뒤의 날짜를 구하기 위한 방법 // 현재 일을 가져와 7을 더하고 세팅 date.setDate(date.getDate() + 7 ); alert(date); date.setFullYear(date.getFullYear() + 2 ); // 2년뒤 alert(date); // 경과시간 구하기 var date = new Date(); // 현재 날짜 가져오기 date.setDate(date.getDate() + 7 ); // 7일 뒤 날짜 var now = new Date(); // 현재 날짜 var untilTime = date.getTime(); var nowTime = now.getTime(); var diffTime = untilTime - nowTime; diffTime = diffTime / ( 1000 * 60 * 60 * 24 ); // 하루단위로 나눔 alert( "오늘과 일주일뒤의 차이는 7일인가요? : " + diffTime); </script> |
'스터디 > 자바스크립트' 카테고리의 다른 글
자바스크립트로 사용자 OS 버전 확인하는 코드(IE버전 X 운영체제 판별) (0) | 2018.07.18 |
---|---|
자바스크립트 객체의 캡슐화 (0) | 2017.08.14 |
eclipse(이클립스) 자바스크립트(javascript) 자동완성 플러그인 설정하기 (0) | 2017.08.11 |
지역변수,전역변수 개념과 자바스크립트의 객체(Object) (2) | 2017.08.10 |
자바스크립트 정리1 (0) | 2017.08.09 |