반응형
[광고 누르면 오늘의 행운 상승!!]
메소드란?
- 함수를 값으로 가진 프로퍼티
- 값이 함수이므로 작동을 위해 사용됨
객체 리터럴에서 정의
var square = {width : 50, height : 100, faceColor: "yellow"
area: function(){return this.width * this.height}}
//생성자 함수의 함수 리터럴로 정의될 수 있음
- area 메소드 추가
document.writeln(mysquare.area())
- area 메소드 삭제
delete mysquare.area;
- 프로퍼티 나열, 존재확인, 삭제방법 → 객체 프로퍼티와 동일
Number 객체란?
- 내장 객체 : JavaScript에서 제공하는 유용한 객체
- 기본 데이터 타입에서 처리하지 못하는 데이터 또는
기본 데이터 타입의 객체 타입을 처리하기 위해 제공 - Number : 기본 데이터 타입인 숫자에 대응하는 객체 타입
→ 다양한 프로퍼티와 메소드 존재
→ 생성자를 사용하여 생성할 수 있음
→ 숫자 데이터 타입에 프로퍼티나 메소드를 적용
→ 일시적으로 Number객체가 되게 할 수도 있음
- Number 객체의 생성
숫자 1000의 숫자 객체 생성
var numberOjbect = new Number(1000);
- 숫자 데이터 타입에 메소드를 적용하여 임시 Number 객체 생성
var n = 1000;
var s = n.toString();
//잠시 Number 객체가 되어 메소드 실행 -> 숫자 타입으로 돌아옴
- 숫자 상수로 이용
→ 생성자로 Number 객체를 생성 X
→ Number객체의 상수 프로퍼티 이용 가능
Number.MAX_VALUE -> JavaScript에서 처리할 수 있는 최대 숫자
Number.POSITIVE_INFINITY -> 양의 무한대를 나타내는 숫자 상수
- Number 객체 프로퍼티
→ 클래스 프로퍼티
→ 공유 객체 자체에서 프로퍼티를 접근함 - JavaScript에서 사용하는 최대 수와 최소 수,
무한대와 숫자가 아닌 값을 나타냄
상수 | 의미 |
Number.MAX_VALUE | 표현 할 수 있는 최대 수 |
Number.MIN_VALUE | 표현 할 수 있는 최소 수 |
Number.POSITIVE_INFINITY | Number.MAX_VALUE보다 큰 수인 양의 무한대 |
Number.NEGATIVE_INFINITY | Number.MIN_VALUE보다 작은 수인 음의 무한대 |
Number.NaN | 숫자가 아닌 값을 의미 |
Number객체의 사용
- Number 객체 메소드
<toString>
- 모든 객체가 기본으로 가지고 있는 메소드
- 현재 객체의 값을 적절한 방법을 동원하여 문자로 변환
- Number 객체는 숫자를 정확히 문자로 변환
var n = 1234.5678;
var s = n.toString();
document.writeln("<p>" + s + "</p>");
document.writeln("<p>변수 n의 데이터 타입은 " + typeof n + "입니다 </p>");
document.writeln("<p>변수 s의 데이터 타입은 " + typeof s + "입니다 </p>");
// 1234.5678
// 변수 n의 데이터 타입은 number입니다.
// 변수 s의 데이터 타입은 string입니다.
<toFixed>
- 지정된 갯수만큼 소수점 아래 자리수를 보이게 문자로 변환
var n = 1234.5678;
var s = n.toFixed(2);
document.writeln("<p>" + s + "</p>");
document.writeln("<p>변수 s의 데이터 타입은 " + typeof s + "입니다 </p>");
// 1234.56
// 변수 s의 데이터 타입은 string입니다.
<toExponential>
- 소수점 이상의 하나의 자리와 지정한 숫자 만큼의 소수점
이하 자리수를 유지한 채 지수 표기한 후 문자열로 변환
var n = 1234.5678;
var s = n.toExponential(3);
document.writeln("<p>" + s + "</p>");
document.writeln("<p>변수 s의 데이터 타입은 " + typeof s + "입니다 </p>");
// 1234.6
// 변수 s의 데이터 타입은 string입니다.
<toPrecision>
- 지정한 숫자 만큼의 유효숫자를 유지한 후 문자열로 변환
- 만일 지정된 유효숫자의 갯수가 숫자의 정수 부분을 표현하기 부족하다면→ 지수 형태로 나타냄
var n = 1234.5678;
var s = n.toPrecision(5);
document.writeln("<p>" + s + "</p>");
document.writeln("<p>변수 s의 데이터 타입은 " + typeof s + "입니다 </p>");
//
// 변수 s의 데이터 타입은 string입니다.
반응형
'5. 웹 프로그래밍 > 3. JavaScript' 카테고리의 다른 글
Date 객체/정규 표현식 [시간][JavaScript] (0) | 2020.03.15 |
---|---|
String 메소드 [문자열][Javascript] (0) | 2020.03.15 |
객체 [Property][프로퍼티] [JavaScript] (0) | 2020.03.15 |
조건문/반복문[JavaScript] (0) | 2020.03.15 |
연산자[JavaScript] (0) | 2020.03.15 |