Object 내장객체

2021. 12. 1. 12:27Study/JavaScript

내장객체

자바스크립트 내에 이미 만들어져 있는 객체

 

 

1. Number Object

*숫자일 때 사용할 수 있는 객체
숫자.toFixed(1); 소수점 둘째 자리에서 반올림해서 소수 첫째 자리로 반환
var number = 273.5210332;
var output = '';

output += number.toFixed(1) + '\n';    // ★number에 값이 숫자이기 때문에 메소드 사용 가능
output += 10.244457.toFixed(4);  // 그냥 숫자도 가능

console.log(output);

 


 

2. String Object

* 문자일 때 사용할 수 있는 객체
문자.length 문자 열의 갯수를 숫자로 반환
문자.toUpperCase(); 소문자를 대문자로 반환
var characters = prompt('사용할 비밀번호를 입력해주세요.', '6글자 이상');

if (characters.length < 6) {
	alert('6글자 이상으로 입력하세요.');
} else {
	alert('인증이 되었습니다');
}
var string = 'JavaScript';
var output = '';
output += 'big: ' + string.big() + '<br/>';  // 글자 크기를 키워줌
output += 'blink: ' + string.blink() + '<br/>';  // 익스 구버전만 지원 됨 (깜빡깜빡)
output += 'bold: ' + string.bold() + '<br/>';  // 굵게
output += 'string: ' + string.fontcolor('Red') + '<br/>';  // 컬러
output += 'fontsize: ' + string.fontsize(15) + '<br/>';  // 사이즈
output += 'italics: ' + string.italics() + '<br/>';  // 이탤릭체
output += 'link: ' + string.link('http://hanb.co.kr') + '<br/>';  // 링크걸기
output += 'small: ' + string.small() + '<br/>';  // 작게
output += 'strike: ' + string.strike() + '<br/>';  // 줄 (line-through)
output += 'sub: ' + string.sub() + '<br/>'; // 아래첨자
output += 'sup: ' + string.sup() + '<br/>';  // 위첨자

document.write(output);

 


 

3. Array Object

*배열일 때 사용할 수 있는 객체
배열.sort(); 문자 오름차순(ㄱ~ㅎ),  숫자의 정렬
var array = ['홍길동', '김태희', '김복남', '임창정','티파니'];
array.sort();

console.log(array);
// 숫자일 경우 맨 앞숫자의 정렬만 따지기 때문에 method를 추가로 써줘야 한다.
var array = [52, 273, 103, 32,48,1];
array.sort(function (left, right) {
  return left - right; // 오름차순
  return right - left; // 내림차순
});

console.log(array);

 


 

4. Date Object

*배열 생성 후 사용해야 한다. var date = new Date();
date.getDate(); 날짜를 숫자로 반환
date.getDay(); 요일을 숫자로 반환 (1 ~ 6 : 월요일~토요일 / 0 : 일요일)
var date = new Date();
console.log(date);
//*IE => UTC+0900시간으로 표시   그외 브라우저=>GMT+0900시간  (오차가 1초 미만)       


//ex)
var date = new Date();

console.log('년:'+date.getFullYear());
console.log('월:'+(date.getMonth()+1));  // 0부터 시작하기 때문에 +1 해준다.
console.log('일:'+date.getDate());
console.log('요일:'+date.getDay());  // 1~6=>월요일~토요일  0=>일요일
console.log('시:'+date.getHours());
console.log('분:'+date.getMinutes());
console.log('초:'+date.getSeconds());
// 요일 반환
var a = '';
switch(date.getDay()){
  case 0: a = '일'; break;
  case 1: a = '월'; break;
  case 2: a = '화'; break;
  case 3: a = '수'; break;
  case 4: a = '목'; break;
  case 5: a = '금'; break;
  case 6: a = '토'; break;
  default: break;
}
console.log(a);

 


 

5. Math Object

*문법이 다른객체와 다르다
*수학과 관련된 계산을 해주는 객체
Math.abs(); 절대값 반환
console.log(Math.abs(-800));   //절대값
console.log(Math.sqrt(100));   //제곱근
console.log(Math.floor(78.458));  //소수점이하 내림
console.log(Math.round(78.658));  //소수점이하 올림
console.log(Math.max(-800,400,30));  //최대값
console.log(Math.random()*10);  //0~1사이의 난수
console.log(Math.cos(50));  //코사인
console.log(Math.pow(10,2));  // 10*10 

console.log(Math.floor(Math.random()*10));  //0~10사이의 정수의 난수

*난수 : 무작위 수

 

console.log(Math.random()); // 난수 (무작위수)
console.log(Math.floor(Math.random()*10)); // 0~9 사이의 난수 (무작위수)
console.log(Math.floor(Math.random()*45)+1); // 1~10 사이의 난수 (무작위수)

 

 

 

 

로또 추첨번호

var lotto = new Array();  
     
for(var i=0; i<6 ; i++){

	lotto[i]=Math.floor(Math.random()*45)+1;
	//lotto[i]=prompt('숫자',''); 

		for(var j=0; j<i; j++){

			if(lotto[i]==lotto[j]){
				i--;
				break;
			}  
		} 
	}


lotto.sort(function (left, right) {
	return left - right;
});

console.log(lotto);

 

'Study > JavaScript' 카테고리의 다른 글

JavaScript 문서 객체 조작  (0) 2021.12.03
BOM, DOM Object Model  (0) 2021.12.02
Object 사용자 정의 객체  (0) 2021.12.01
변수의 유효범위 scope  (0) 2021.11.30
사용자 정의 함수 Function  (0) 2021.11.30