웹 프로그래밍 기초/객체 11

내장 객체 (RegExp)

정규 표현식은 문자의 패턴을 검색하기 위한 일련의 문자이ㅏㄷ. 텍스트 검색 및 텍서트 바꾸기 작업에 검색 패턴을 사용할 수 있다. 예를 들어 회원가입의 경우 E-mail 주소를 입력할 때 id@주소와 같은 형식으로 입력하기 위한 문자 패턴을 정의하는데 유용하다.  var 변수 = / 패턴 / 플래그 ; // 리터럴 방식var 변수 = new RegExp ("패턴","플래그"); // 객체생성방식 ** 일반적으로 객체의 생성보다는 리터럴 방식의 정규식을 많이 사용한다.  RegExp 메서드메서드설명search()String 객체의 메서드 항목을 검색하고, 위치를 반환replace()String 객체의 메서드 항목을 검색하고, 해당 문자 변환test()정규 표현식과 일치한 문자열이 있으면 true 반환exe..

내장 객체 (Number)

new 키워드를 사용하여 객체로 정의할 수 있다. 일반적 연산의 경우, Number 객체를 만들어 사용하면 오히려 실행 속도가 느리고 비교 과정에서 문제점이 발생한다.  ex) let x = 500;let y = new Number (500);// '==' 연산자를 사용하여 x,y를 비교할 수 있으나 "===" 연산자를 사용하면 다른 결과가 나온다. ex) let x = new Number(500);let y = new Number(500);// 객체를 비교할 수 없기에 x===y 연산을 할 수 없어 'false'다. ** 참고로, Number()의 인자로 16진수나 8진수 등은 숫자가 아닌 값으로 처리한다.  Number 객체속성속성설명MAX_VALUE가장 큰 양의 표현 가능 숫자MIN_VALUE가장 ..

내장 객체 (Math)

자바스크립트에서 Math 객체를 사용하면 숫자에 대한 수학적 작업을 할 수 있다. Math는 생성자가 아닌 객체이다. 그래서 new 연산자를 통하여 객체를 생성하는 것이 아닌, Math 자체가 객체이므로 바로 사용하면 된다.  Math 객체의 상수상수예시E오일러의 상수(약 2.718)LN2밑수가 2인 자연로그 (약 0.693)LN10밑수가 10인 자연로그 (약 2.302)PIPI 값 (약 3.14)SQRT1_21/2의 제곱근 (약 0.707)SQRT22의 제곱근 (약 1.414)  Math 객체의 메서드메서드 설명abs(x)x의 절대값acos(x), asin(x), atan(x)x(라디안)의 아크 삼각함수ceil(x)실수를 정수로 (올림)cos(x), sin(x), tan(x)  x(라디안)의 삼각함수e..

get메서드 / set메서드

get 메서드날짜의 일부를 가져오는데 사용한다. get 메서드설명getDate()(1~31)의 숫자로 날짜를 구한다getDay()(0~6)의  숫자로 요일을 구한다. 0은 일요일getFullYear()4자릿수의 년도를 구한다getHours()(0~23)의 숫자로 시간을 구한다getMiliseconds()1/1000초까지 구한다getMinutes()(0~59)의 숫자로 분을 구한다getMonth()(0~11)의 숫자로 월을 구한다getSeconds()(0~59)의 값으로 초를 구한다getTime()1970년 1월 1일 0시부터 지정된 시간까지 1/1000초로 표현한다 set 메서드날짜의 일부를 설정하는데 사용된다. set 메서드설명setDate()(1~31)의 숫자로 날짜를 설정한다setFullYear(..

내장 객체 (Date)

Date 객체는 날짜와 시간 (년,월,일,시,분,초,밀리 초)에 관한 작업을 하는데 사용되는 기본 객체이다. 자바스크립트에서는 날짜는 문자열로 작성할 수 있고, 숫자로도 작성된다. 숫자로 표현된 날짜는 1970년 1월 1일 00:00:00 이후의 밀리 초를 계산하여 나타낸다. 상당히 많이 사용되는 객체이며 웹 브라우저에서 Date 객체를 이용해야하는 경우가 많다. Date 객체의 입력 포맷은 4가지 유형이 있다. 입력 포맷예시ISO Date"2018-06-06" (국제 표준 표현)Short Date'06/06/2018'Long Date"Jun 06 2018" 또는 '01 Jun 2018"Full Date"Wednesday June 06 2018"출력 포맷예시Full DateWde June 06 2018 ..

replace()

replace()지정된 값을 문자열의 다른 값으로 바꾼다. 그러나 호출된 문자열(기존의 문자열)을 바꾸는 것이 아니라 새로운 문자열을 반환한다. 기본적으로 첫번째 일치된 항목만 바꾼다. 모든 매치된 문자열을 바꾸기 위해서는 '/g' 플래그를 사용한다. 대소문자 구분 안하려면 '/i' 플래그를 사용한다. 섞어쓰려면 '/ig' Replace "java" is replaced by "javaScript." Try it

indexOf(), search()

indexOf(), search()상당히 동일한 기능이나 search() 메서드는 인수가 하나이고 훨씬 더 강한 검색 값을 갖는다. ** search의 인수에는 정규표현식을 작성한다.  문자열 일부 추출총 3가지 방법이 있다. slice()는 문자열의 일부를 추출하고 추출된 부분을 새 문자열로 반환한다. 해당 메서드는 시작 인덱스와 끝 인덱스의 두 매개변수를 사용한다. 인수가 음수면 문자열의 끝에서부터 계산한다. 만약 두번째 인자가 없다면 문자열의 나머지 부분을 잘라낸다. substring()은 slice()와 비슷하나 음수 인덱스를 허용하지 않는다. substr()도 slice()와 유사하나 두번째 인수가 추출될 부분의 길이를 지정한다. 첫번째 인수가 음수면 문자열의 끝부터 계산하며, 두번째 인수는 문..